很久没有新建项目了,满满的都是问题啊【】
算了 直接记录新建项目页面代码
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>
记录下这个。。。