美文网首页
code2 vue-router的引入

code2 vue-router的引入

作者: PingerL | 来源:发表于2020-02-06 22:17 被阅读0次

    假设使用 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的引入

          本文链接:https://www.haomeiwen.com/subject/nxhpxhtx.html