一、创建页面
- 在
pages
文件下创建新文件夹user
,user
文件内创建如下三个文件user页面 - 在
index.vue
文件内写入如下内容
<template>
<div>{
{msg}}</div>
</template>
<script>
// 创建页面的时候必须暴露
export default {
data() {
return {
msg:'我是一个用户组件'
};
}
};
</script>
- 在
main.js
文件内写入如下内容
import Vue from 'vue'
import App from './index'
const app = new Vue(App)
app.$mount()
- 在
main.json
文件内写入如下内容
{
"navigationBarTitleText": "用户页面"
}
- 在
app.json
文件内配置新页面