使用vue-router创建一个程序

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

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

项目目录

在这里插入图片描述
在这里插入图片描述
这样Vue-router就是安装成功了
项目下main.js为项目的主入口

在这里插入图片描述
简单试一下当前项目是否可以运行
在APP.vue中写一个一级标题 然后运行

在这里插入图片描述
在这里插入图片描述
这样就说明你的项目是可以继续写下去的。

  1. 在src目录下的components目录下 ,创建一个Vue文件命名为Content
    在这里插入图片描述

  2. 在src目录下创建router文件夹,创建一个index.js 文件。
    在这里插入图片描述

  3. 修改App.vue中内容
    在这里插入图片描述

  4. 最后一步修改mian.js
    在这里插入图片描述
    这样就可以简单的运行一个vue-router的程序了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值