记录:
总结一下mpvue的坑:
1.搭建好脚手架之后,我们使用npm run dev 是跑不起来的 因为我们在生成脚手架的时候没有输入appid , 还有路径的问题, 所以, 我们要先打开编辑器, 在 project.config.json 这个配置文件内把路径跟appid修改好, dist后面要把路径补全不然无法找到编译后的小程序文件,然后就是appid要补全
2.每次新建文件都要先创建一个文件夹,里面放三个文件 , 第一个是 .vue 文件 , 第二个是 .js 文件 ,第三个是 .json文件
3.然后你需要在app.json文件里面把你刚刚所创建的文件的路径写到pages数组里面,记住 路径最后面的main就是每个文件夹里面的 .js文件, 你取了什么名字, 这里就必须要是一样的名字,不然会报找不到的错误 , 因为这个js文件就是这个文件夹的入口文件,webpack会根据这个文件去编译小程序里面的文件,(个人理解,不对之处敬请指教,微信号 liyanhuan26)
4.全局的样式都可以再app.json这个文件里面设置 , 看上图的window配置
5.这个坑特别要注意, 在你需要在单页面中更改头部导航栏的样式的title , 需要升级mpvue-loader这个配置,如果是这个版本可以忽略这一步
然后在你需要变更样式的单页面中找到 .json的文件
{
"navigationBarTitleText": "分类页面",
"enablePullDownRefresh": true,
"backgroundColor":"#eee",
"navigationBarBackgroundColor":"#f00",
"navigationBarTextStyle":"white"
}
6.配置全局的tabBar , 直接在全局的app.json里面添加字段即可
