Vue创建一个新项目常用的配置,谨防忘记
本文旨在记录学习vue的一些常用格式模板,谨防忘记或者新建vue1项目直接复制即可(你知道的,有时候就会突然脑抽的忘了)
路由文件基本格式
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
const routes = [
//包含子路由和重定向的路由方式
{
path: '/',
name:'/',
component: AdminIndex,
redirect:'/issues',
children: [
{
path:'/index',
name:'index',
component:SystemInfo
},
]
},
//正常路由
{
path: "/login",
name: 'login',
component: Login,
},
//懒加载路由
{
path: '/aboutWe',
name: 'aboutWe',
// component: AboutWe
//懒加载方式
component: ()=>import("@/frontDeskPages/AboutWe")
},
]
export default new VueRouter({
routes,
mode:'history'//历史模式,即url正常,其他模式则url包含#号
})
//记得在main.js引用该文件
VueX文件基本格式
import Vue from "vue"
import Vuex from "vuex" //引入vuex
Vue.use(Vuex) //使用vuex
export default new Vuex.Store({
state: {
num: "我是store中的数据",//实现参数传递的
},
mutations: {
},
actions: {
},
modules: {
}
})
上述两个玩意注册
new Vue({
render: h => h(App),
store,
router
}).$mount('#app')