mpvue 配置页面

发表于 | 分类于 ， |

今天学习蜗牛老实的MPVUE视频教程，因为版本不一样，我的mpvue-loader 的版本是2.0.0（蜗牛老师的是1.0.13），，尴尬现在才学习。其中第三章节中需要在todolist 页面中现实todolist的标题

1
2
3
4
5
6
7
8
9
10
11
12
13
14
// 蜗牛老师 在todolist 的main.js中 修改默认配置

import Vue from 'vue'
import App from './index'

const app = new Vue(App)
app.$mount()

// fixme
export default {
  config: {
    'navigationBarTitleText': 'todolist'
  }
}

然后并不生效，所以我觉得应该是版本问题了，果然在网上查了资料看了下v1.1.1以下是可以这么写的，也就是说蜗牛老师的版本在这之下是没有问题的。v1.1.1之后的版本需要变更，需要在todolist的目录下面新增一个main.json文件，不然npm run dev 之后也会生成main.json，只不过自己不定义main.json 就是空的。所以正确写法是：

1
2
3
4
5
6
7
8
//　正确写法 todolist目录下新增main.json

{
  "backgroundTextStyle": "light",
  "navigationBarTitleText": "todolist",
  "navigationBarBackgroundColor": "#fff",
  "navigationBarTextStyle": "black"
}

由此可见，如果要修改每页的导航栏信息可以新增main.json