开始构建。
先把页面搭好(前端),接着写逻辑后端。
首先将原始脚手架里的一些不用的东西删掉,然后创建views文件夹存放页面文件,在里面建主要的7个页面文件,在router文件夹中的index.js里将他们都import进来,然后在routes中引入路径,如:
routes: [
{
path: '/',
name: 'TakePerson',
component: TakePerson
}
]
我是把TakePerson页面作为主页,所以路径就是/,其他的页面路径最好小写,规范。
关于element-ui的引入(全局引入)
首先需要安装npm i element-ui -S
接着在main.js加入这几行即可
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
一个标准vue文件包括了三部分:
template模板,style样式(scoped表示样式只在此页面应用),script逻辑。如:
<template>
<div>
<h1>{{msg}}</h1>
</div>
</template>
<style scoped>
</style>
<script>
export default {
data(){
return{
msg:'hello world',
}
},
mounted(){
},
computed:{
},
components:{
},
methods:{
}
}
</script>