使用webpack创建vue项目,安装vue-router和不安装vue-router的区别
来源:互联网 发布:ubuntu系统软件位置 编辑:程序博客网 时间:2024/05/18 20:08
使用webpack创建vue项目时,会提示:install vue-router?(Y/N),下面讲一下区别:
首先说一下路由是做什么的?
构建 SPA (单页应用) 时,方便渲染你指定路由对应的组件。你可以 router-view 当做是一个容器,它渲染的组件是你使用vue-router指定的。
1、安装vue-router:
项目的src目录下会多出一个router文件夹,且App.vue的内容是这样的:
多出一对<router-view></router-view>标签,router-view标签主要是将路由路径所指定的组件渲染到页面中,此时可以将所有的路由路径写在router文件夹里的index.js里,实现在url上输入不同的路径从而渲染不同的组件。
2、不安装vue-router
项目的src目录下会没有router文件夹,且App.vue的内容是这样的:
如果要实现上面的路由的话,需要先使用npm install vue-router --save安装vue-router到node-modules,此时可以把路
由路径写入mian.js里,或者重新建立router文件夹,但需要修改App.vue里的内容,添加<router-view></router-view>
标签。
阅读全文
2 0
- 使用webpack创建vue项目,安装vue-router和不安装vue-router的区别
- vue-2.x webpack 安装vue-router 配置路由
- 使用vue-cli 创建vue2.x项目中使用vue-router 与之前的区别
- vue-cli + webpack + vue-router
- vue-router的使用
- vue-router的使用
- Vue-router的使用
- Vue-cli+router+webpack
- 用vue-router和webpack搭建路由项目
- vue中使用vue-router
- Vue-router的使用和出现空白页
- 使用vue的router-link
- 用npm安装vue和vue-cli,并使用webpack创建项目
- 基于 Webpack & Vue & Vue-Router 的 SPA 初体验
- 基于 Webpack & Vue & Vue-Router 的 SPA 初体验
- webpack+Vue.js+vue-router的一个简单实例应用
- 基于 Webpack & Vue & Vue-Router 的 SPA 初体验
- vue-router
- 业界首部安卓热修复宝典出炉!你想知道的一切都在这里了
- 主成分分析(PCA)
- Selenium+java分层(三)
- Spring MVC之最简项目配置(全注解)
- 自定义控件之自定义开关
- 使用webpack创建vue项目,安装vue-router和不安装vue-router的区别
- insert into 语句的三种写法
- Android学习(二十六)APP引导页面以及小圆点滑动的实现
- 联合作战态势可视化分析决策系统
- MySQL常用命令大全
- 递归函数mystrlen(char* buf,int N) 是用来实现统计字符串中第一个空字符前面的字符长度--程序员面试宝典
- ISO/IEC 14443-3 防冲突、防碰撞算法、Type A、Type B
- 正则案例
- Java+Selenium3方法篇36-如何模拟组合键输入