vue 项目（新建页面 和 路由）

很久没有新建项目了，满满的都是问题啊【】
算了 直接记录新建项目页面代码

main.js

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import ElementUI from 'element-ui'

Vue.use(ElementUI)
Vue.config.productionTip = false

new Vue({
  router,
  render: h => h(App),
}).$mount('#app')

app.vue

<template>
  <div id="app">
    <router-view/>
  </div>
</template>
<script>
  export default {
    name: 'App'
  }
</script>
 

router - > index.js

import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
const router  = new Router({
    routes:[
        {
            path: '/procident',
            name:'procident',
            component:()=>import('@/view/procident'),
            meta:{
                title:'Salah'
            },
            hidden:true
        },
    ]
})
export default router

procident . vue (新建页面)

<template>
  <div class="error-page">
      Salah
  </div>
</template>

<script>

export default {
  name: 'procident',
  // computed: {
  //   message() {
  //     return '您没有权限访问该页面......'
  //   }
  // }
}
</script>
<style scoped>
    .error-page{
        width: 200px;
        height: 200px;
        border: red 1px solid;
    }
</style>

记录下这个。。。