使用vue-router创建一个程序
使用Vue-router创建一个可以运行的Vue程序
- 创建一个Vue程序(如何创建请看上一个博客)
- 在当前Vue目录下安装vue-router
npm install vue-router
创建完成后在node_modules目录下会有出现Vue-router文件夹
项目目录
这样Vue-router就是安装成功了
项目下main.js为项目的主入口
简单试一下当前项目是否可以运行
在APP.vue中写一个一级标题 然后运行
这样就说明你的项目是可以继续写下去的。
-
在src目录下的components目录下 ,创建一个Vue文件命名为Content
-
在src目录下创建router文件夹,创建一个index.js 文件。
-
修改App.vue中内容
-
最后一步修改mian.js
这样就可以简单的运行一个vue-router的程序了。