vue-router是vue的官方路由插件
一、创建一个路由插件
方法一:
需要在npm上下载一个vue-router插件到我们的项目中
npm install vue-router
并在App.vue文件中先引入vue-router文件
import VueRouter from “vue-router”
然后在下面给Vue显示的安装vue-router插件
Vue.use(VueRouter)
方法二:
如果正在使用CLI脚手架构建我们的项目,我们也可以通过命令行来操作
vue add router
这样会生成两个示例路由,并覆盖原来的App.vue文件
方法三:
也可以直接在全局上使用script标签将vue-router引入,这样就可以不用再手动安装vue-router,路由标签必须在vue的标签下引入
方法四:
开发版需要我们自己从GitHub上clone,然后build一个vue-router
git clone https://github.com/vuejs/vue-router.git node_modules/vue-router
npm install
npm run build