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')