使用vue-router创建一个程序

使用Vue-router创建一个可以运行的Vue程序

  1. 创建一个Vue程序(如何创建请看上一个博客)
  2. 在当前Vue目录下安装vue-router npm install vue-router
    使用vue-router创建一个程序
    创建完成后在node_modules目录下会有出现Vue-router文件夹

项目目录

使用vue-router创建一个程序
使用vue-router创建一个程序
这样Vue-router就是安装成功了
项目下main.js为项目的主入口

使用vue-router创建一个程序
简单试一下当前项目是否可以运行
在APP.vue中写一个一级标题 然后运行

使用vue-router创建一个程序
使用vue-router创建一个程序
这样就说明你的项目是可以继续写下去的。

  1. 在src目录下的components目录下 ,创建一个Vue文件命名为Content
    使用vue-router创建一个程序

  2. 在src目录下创建router文件夹,创建一个index.js 文件。
    使用vue-router创建一个程序

  3. 修改App.vue中内容
    使用vue-router创建一个程序

  4. 最后一步修改mian.js
    使用vue-router创建一个程序
    这样就可以简单的运行一个vue-router的程序了。