需要头像昵称信息 头像选择 需要将button组件open-type的值设置为chooseAvatar，当用户选择需要使用的头像之后，可以通过bindchooseavatar事件回调获取到头像信息的临时路径。这是本地临时路径，需要自行上传到服务器 从基础库2.24.4版本起，若用户上传的图片未通过安全监测，不触发bindchooseavatar事件。 昵称填写 需要将input组件type的值设置为nickname，当用户在此input进行输入时，键盘上方会展示微信昵称。 从基础库2.24.4版本起，在onBlur事件触发时，微信将异步对用户输入的内容进行安全监测，若未通过安全监测，微信将清...

新建vue项目 并且在根目录创建两个文件夹 packages和examples。 packages：用于存放所有的组件examples：用于进行测试组件，把src改为examples  去掉helloword和assets文件 2.配置vue.config.js并设置入口文件如果没有vue.config.js文件就需要在项目根目录下创建vue.config.js文件，并进行如下配置。 const{defineConfig}=require('@vue/cli-service') //module.exports=defineConfig({ // transp...

Vue中的$refs原理涉及到Vue实例的生命周期、虚拟DOM以及一些底层的JavaScript原理。 Vue实例的生命周期：当Vue实例被创建时，它会经历一系列的生命周期钩子，包括beforeCreate、created、beforeMount、mounted等。在mounted生命周期钩子中，Vue实例的模板已经渲染到真实的DOM上，此时$refs会被填充。 模板编译：Vue的模板编译过程将模板转换为渲染函数，这个渲染函数生成虚拟DOM。在编译过程中，识别到有ref属性的元素或组件，Vue会在实例的$refs对象上创建相应的引用。 虚拟DOM与真实DOM关联：Vue使用虚拟DOM来高效地...