Vue学习记录07--vue路由的使用

引入vue路由： cnpm install vue-router@3.1.3 --save-dev
不要引入版本太高的路由！！！否则会出问题：项目运行后页面空白一片
（https://blog.csdn.net/qq_49446857/article/details/123112891）

如果没法正常显示出页面，要仔细观察报错提示信息！！
比如：

这就是我一开始下载的路由版本号太新了。
cnpm install vue-router@3.1.3 --save-dev
这个可以

页面切换：

Vue学习记录07--vue路由的使用相关推荐

Vue学习记录三 --- vue的项目实战
一.常规项目配置安装: 1.安装vue-router路由: cmd下在当前项目目录下执行 : npm install vue-router --save-dev 如果因为依赖安装失败,则执行 : np ...
Vue学习笔记02——Vue路由
Vue学习笔记01--Vue开发基础一.初识路由 1.路由的作用 Vue的路由是前端路由,可以让组件之间互相切换. 2.vue-router.js文件 Vue的路由使用需要引入vue-router. ...
vue学习记录-05 事件监听
vue学习记录-05 事件监听这篇文章是根据codewhy老师在b站的视频进行的学习记录文章目录 vue学习记录-05 事件监听一.v-on的基本使用二.v-on的参数问题 1.方法不需要参数 ...
Vue学习笔记01——Vue开发基础
一.Vue实例配置选项选项说明 data Vue实例数据对象 methods 定义Vue中的方法 components 定义子组件 computed 计算属性 filters 过滤器 el 唯一根 ...
Vue 学习(十、 Vue Router - 路由插件和 Vue 的插件原理)
文章目录一.Vue Router - 路由插件 1. 安装 Vue Router 2. Vue Router 路由的基本使用 3. 设置 router-link 4. 编程式路由 5. 路由嵌套 6 ...
vue学习记录：遇到过的问题记录
项目构建 vue-cli 安装中找不到vue命令这是在ubuntu系统中遇到的,全局安装后可以 npm install -g vue-cli Vue 组件间通信父子 props/event $pa ...
chrome vue插件_「Vue学习记录一」开发环境准备
1.开发工具 - VS Code ❝ 选择 VS Code 是因为这是一款很容易上手的工具,在 VS Code 中找到的每个功能都完成一项出色的工作,构建了一些简单的功能集,包括语法高亮.智能补全.集 ...
Vue学习记录 (ref,生命周期,组件,router)
ref="名称":注册引用信息 this.$ref.名称:获取对象(此为操作dom节点) 计算属性:computed 在差值表达式中调用此函数会直接返回计算结果,而不是函数本身当 ...
Vue学习记录(Day.2)
插值操作 1.1Mustache语法补充 mustache语法可以写简单的表达式(如下所示) <div id="app"><h2>{{message}}&l ...
Vue学习记录8，vue脚手架配置代理的两种方式，Github搜索案例，vue-resource，三种插槽，Vuex及搭建Vuex环境，getter和四个map方法的使用，模块化+命名空间
目录 vue脚手架配置代理方法一方法二 Github搜索案例 UserList.vue UserSearch.vue 效果图 vue-resource 插槽默认插槽具名插槽作用域插槽 Vue ...

Vue学习记录07--vue路由的使用

Vue学习记录07--vue路由的使用相关推荐

最新文章

热门文章