h5项目到uniapp项目总结why先说说为什么用uniapp，主要是刚做完云闪付小程序（webview页面），老板让我们做抖音小程序（后面会做各种小程序),于是想到了uniapp这个我以前从来没有做过的项目目录，想想就很兴奋├──README.md├──babel.config.js├──dist├──node_modules├───package-lock.json├──package.json├──postcss.config.js├──public├──src├──App.vue├──api├──assets├──components├──config├──main.js├──manifest.json├──mixins├──pages├──pages.json├──pagesub├──services├──static├──store├──uni.scss└──utils├──tsconfig.json├──vue.config.js├──yarn-error.log└──yarn.lock条件编译/**#ifdef平台名称**/你的css或js代码/**#endif**/stylescopedstylepenetration/deep/selector{}//vue.config配置less全局变量importletpath=require('path');module.exports={//全局使用less变量pluginOptions:{'style-resources-loader':{preProcessor:'less',patterns:[path.resolve(__dirname,'src/assets/theme.less')//我的主题变量文件位置地址]}}}插件符合easycom命名规范，可以省略引入组件的步骤。vuexstore数据变更页面没有更新。我使用mixin来解决它。大致思路是在onShow钩子函数中混入需要更新的属性执行//mixinexportdefault{data(){return{userInfo:{}}},methods:{getUserInfo(){this.userInfo=this.$store.getters.userInfo}}}//页面重新赋值onShow(){this.getUserInfo()}路由Vue的路由完全写在页面中。路由跳转使用uniappapi页面标题设置引用uniappAPI原生组件层级过高。页面的textarea级别太高，无法覆盖弹出窗口。使用cover-view增加popup组件层级（头条小程序不支持cover-view）使用hidden属性动态显示和隐藏原生组件，popup组件弹出隐藏原生组件，反之亦然.开头写的很愉快，改风格bug很痛苦，结局还是不错的。
