美文网首页
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的引入

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

  • 浅谈vue-router原理

    1. 引入vue-router 这里引入了vue-router并使用Vue.use注册,导出了一个Router的实...

  • Vue-router(vue路由基础详解)

    安装 直接引入 vue-router下载链接https://unpkg.com/vue-router/... np...

  • vue中使用锚点

    vue中直接使用锚点这个功能在没有引入vue-router之前是没有问题的,引入vue-router之后在未开启h...

  • vue-router学习总结

    1.引入vue-router npm install vue-router --save 2.设置路由(1)路由实...

  • 可视化---python3

    引入需要的库: code1: 图形显示1: code2: 图形显示2: code3: 图形显示3: code4: ...

  • Vue-router 管理路由

    1. Vue-router的安装 通过项目根目录下package.json文件引入vue-router 在cmd中...

  • 19.vue-router的基本使用

    vue-router的基本使用 1.首先,我们需要引入我们的vue-router这个插件 2. 然后,我们需要通过...

  • 简单实现vue-router

    vue-router 将路由引入到前端让构建单页应用变得简单,vue-router作为Vue的路由管理器,使我们在...

  • vue3中使用vue-router4.x使用hooks封装切换路

    在vue3中使用vue-router来跳转时,每次都要引入vue-router,很麻烦,使用hooks封装之后,很方便。

网友评论

      本文标题:code2 vue-router的引入

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