code2 vue-router的引入

假设使用 Cli3 快速构建 Vue 项目的时候,一开始没有配置 vue-router 插件,那后期如何配置 vue-router 插件呢?

  1. 安装 vue-router 插件
npm install vue-router 
  1. 和 main.js 文件同级目录下,创建 router.js 文件
    router.js 文件内容如下
import Vue  from  'vue'
import Router from 'vue-router'

Vue.use(Router)

export default new Router({
  routes: [
   
  ]
})
  1. 在 main.js 中,加入以下代码
import router from './router'  // // 此条语句为新加入的语句代码

new Vue({
  router,  // 此条语句为新加入的语句代码
  render: h => h(App),
}).$mount('#app')

至此,vue-router 就已经引入完成 。

你可能感兴趣的:(code2 vue-router的引入)