2--正式功能开发:
1、Vue 根目录中的 main.js 为主入口 js,一般来说全局插件的引入都在 main.js 中引入,个
别插件在组件或单页内引入。
importVuefrom'vue'
importElementUIfrom'element-ui';
import'element-ui/lib/theme-chalk/index.css';
importElementUIVerifyfrom'element-ui-verify'
importAppfrom'./App.vue';
importrouterfrom'./routes/router';
Vue.config.productionTip=false
Vue.use(ElementUI,{size:'small',zIndex:3000});
Vue.use(ElementUIVerify)
newVue({
router,
render:h=>h(App),
}).$mount('#app')
2、App.vue 为项目的入口模版,一般公用的头部和底部可在此文件中引入,<router-
view/>
为路由的基础标签,即路由跳转时页面展示区域。
<template>
<divid="app">
<vheader></vheader> //此为 script 中引入的头部组件(此处规范为:此命名
是根据 import 内引入时命名的名称一致,但需注意,命名中如有大写字母,此处需要小
写,如为驼峰名,则使用”-”隔开,如 TopCont 需写成 top-cont)
<router-view/> //vue 内部路由组件的基础元素,路由跳转展示都以此标签为
基础
<vfooter></vfooter>
</div>
</template>
<script>
importVheaderfrom'@/viewmodel/common/vheader';
importVfooterfrom'@/viewmodel/common/vfooter';
exportdefault{
name:'App',
components:{