Vue常用配置文件

Vue常用的配置文件及解释

1. main.js文件
   位置：在src文件夹里

//该文件是整个项目的入口文件

//引入vue
import Vue from 'vue'
//引入App组件，它是所有组件的父组件
import App from './App.vue'
//引入VueRouter
import VueRouter from 'vue-router'
//引入路由器
import router from './router'

//关闭vue生产提示
Vue.config.productionTip = false
//应用插件
Vue.use(VueRouter)

//创建vue实例对象：vm
new Vue({
  el:'#app',
  //将App组件放入容器中
  render: h => h(App),
  router:router
})

2. index.js路由配置文件
   位置：在src/router文件夹里面

//该文件专门用于创建整个应用的路由器
import VueRouter from 'vue-router'
//引入组件
import About from '../components/About'
import Home from '../components/Home'

//创建并暴露一个路由器
export default new VueRouter({
 routes:[
  {
   path:'/about',
   component:About
  },
  {
   path:'/home',
   component:Home
  }
 ]
})