安装
先查看node_modules中是否存在vue-router
vue-router是一个插件包,所以我们还是需要用npm/cnpm来进行安装的,在第一个vue-cli文件下输入以下命令
npm install vue-router --save-dev
可能安装版本会不兼容,可安装下面的版本
npm install [email protected] --save-dev
如果在一个模块化工程中使用它,必须要通过Vue.use()明确地安装路由功能
我们在main.js中引入vue-router,并声明使用它
然后在终端运行npm run dev照样可以跑起来
我们在components目录下定义一个Content.vue的组件,Main.vue组件
安装路由,在src目录下新建一个文件夹:router,专门存放路由
在main.js中配置路由
在App.vue中使用路由
npm run dev测试
自我总结:
1.首先在components中自定义组件。
2.在router文件中的index.js中配置这个组件,定义路径,跳转组件
3.在main.js中配置2中的路由,index.js,此配置一经配置,往后加组件这里都可以不用再动
4.最后在App.vue中使用这个路由
标签:npm,vue,js,组件,router,路由 From: https://www.cnblogs.com/zhulei118/p/16968509.html