前言寻寻觅荒凉凄凉。Vue3发布后，最近一直在学习和写一些Vue3的demo和项目。我一直在想什么时候可以在小程序中使用新功能？于是搜遍了市面上的uni-app、wepy、mpvue等小程序框架，到目前为止（截至2020年11月5日），没有一个是兼容Vue3的，直到找到一个很牛逼的小程序框架显示，太郎竟然支持Vue3。非常惊喜！开始调整的时候废话少说，打分过来，我们直接开始调整！首先你需要全局安装@tarojs/cli:#UsenpmtoinstallCLI$npminstall-g@tarojs/cli#ORuseyarntoinstallCLI$yarnglobaladd@tarojs/cli#ORinstallcnpm,usecnpminstallCLI$cnpminstall-g@tarojs/cli如果你本地安装了@tarojs/cli，并且版本是3.x，可以忽略以上操作。但是如果你的版本是2.x，需要先卸载，再进行上面的安装。卸载方法如下：$npmuninstall-g@tarojs/cli#或$yarnglobalremove@tarojs/cli如果需要，再执行一遍。这是我的版本号：初始化项目通过以下命令行初始化项目：taroinittaro-vue3选项如下。这里注意CSS预处理选择Sass，后面UI框架会用到：稍等一下，项目会初始化。完成后，进入项目，运行命令：npmrundev:weapp编译成功后，通过微信开发者工具打开dist目录，浏览项目，如下图：添加UI库开发项目，虽然是没有必要使用UI库，但总比没有好。当然，纯手写风格也是很考验一个前端工程师的技术水平，但是项目工期不等人，提高开发效率才是第一位的。在找Taro的Vue相关UI库的时候，找到了taro-ui-vue，感觉很舒服。我应该很快就能写一个演示。后来在安装组件包，引入组件的时候，出现了编译错误。快速浏览了一下，它与Vue3不兼容。于是决定暂时放弃，然后在taro-ui-vue的仓库提了一个Issue，如下图：我又沸腾了，还有taro-ui-vue3这个东西。这一刻，我突然好想和东哥做兄弟，哈哈哈哈。继续调整！我们可以在项目中通过npminstalltaro-ui-vue3添加组件包。按照官网的提示，我采用了全局导入样式的方法：//app.jsimport{createApp}from'vue'importstorefrom'./store'import'taro-ui-vue3/dist/style/index.scss'constApp=createApp({onShow(options){},//入口组件不需要实现render方法，即使实现了也会被taro覆盖})App.use(store)exportdefaultApp页面直接引入组件使用：
