npm vue路由配置
2024-10-19 14:33:12
npm vue路由
复习：1、README.md文件：保存如何使用的命令
（1） npm install:拷项目时可以不拷node_modules文件，运行该命令时，会自动下载node_modules(文件很大)
（2） npm run serve:运行环境服务
（3） npm run build：编译
2、main.js:路由配置文件
3、App.vue:所有页面通过id=“app”这个div渲染出来，如何运行？在集成终端打开，npm run serve 运行，点开运行成功的网址，就是APP.Vue渲染的内容了。
配置路由
一、新建一个文件（页面后缀都是vue）：
二、访问页面：
要想访问这个页面，需要借助APP.vue，这时就需要路由将它们连接起来。
1、安装路由：
安装成功在package.json中可以看到：
2、引入：在main.js文件中添加配置
3、使用/配置：
在src下新建一个router目录，里面新建一个routes.js文件
然后在routes文件中配置Test路由：
App.vue文件中引入：
添加成功访问页面：
Vue router 的嵌套：
1、 新建一个页面：
2、 在routes.js配置嵌套路由：
在test.vue中引入：
3、 通过嵌套路由访问test1页面：
最新文章
- 2016年2月16日开始，每天一篇，记录学习心得，【基本技能篇】>>开篇《如何阅读一本书——心得》
- RTP RTCP在音视频传输与同步方面的使用
- Java Consumer and Producer demo
- 解决nginx 504 Gateway Time-out的一些方法
- java转义xml中的多余尖括号
- 链表-Add Two Numbers
- C#语言基础之运算符
- 在线GET/POST API接口请求模拟测试工具
- Fraction to Recurring Decimal leetcode
- iOS中 轮播图放哪最合适? 技术分享
- Autograd：自动微分
- angularjs 绑定多个属性到下拉框
- python路径相关操作
- （转）在WCF服务的ServiceReferences.ClientConfig中使用相对路径
- python下以api形式调用tesseract识别图片验证码
- smarty学习——编写扩展
- Activiti6.0 java spring5 SSM 工作流引擎 审批流程 项目框架
- python 对shell 命令的 执行 逻辑 在一台机器上执行另一台机器的命令； 跨节点 执行命令
- sgu 142. Keyword 暴力,hash 难度:0
- Object-C中的数字对象