在上一篇的博文中，实现的跳转是在页面中进行实现的 利用vue-router实例方法，使用js对路由进行动态跳转； 1、router.push：参数为路由对象，跳转到指定路由，跳转后会产生历史记录； 2、router.replace：参数为路由 ...

单文件组件介绍 vue中的单文件组件是以.vue扩展名结尾的文件，在这个文件中封装了html、js、css的代码，它自身是一个独立的组件，所以成为单文件组件； vue文件结构 由于.vue封装了html、js、css的代码，所以它由以下几部分组成； < ...

在上一章博文中使用路由对象$route获取参数时，组件和路由对象耦合，在这篇博文中就可以使用props来进行解耦； 1、在组件中使用props选项定义数据，接收参数； 2、在路由中，使用props选项来进行设置，路由中的props有三种模式： a、布尔模式：props设置为true ...

搭建vue环境之后，会生成一个文件夹，如图 一级文件夹： 1.build：主要是用来配置构建项目以及webpack 2.config:项目开发配置 3.node_modules ：npm或者cnpm或者yarm所下载的依赖包。 4.src:你的源代码 5.static:静态文件夹 ...

vue-router 在哪里渲染它们。 先介绍下Vue脚手架结构： 在我们搭建vue环境之后，会生成一个文件夹 ...

vue-cli是用node编写的命令行工具，我们需要进行全局安装。打开命令行终端，输入如下命令： $ npm install -g vue-cli 这里使用的是npm，为了开发的便利，推荐安装cnpm，这样运行指令会更迅速，安装命令如下： $ npm install -g ...

1.Vue-cli：Vue-cli 是专门搭建 vue 开发环境的脚手架； 2.安装 Vue-cli：（1）安装：npm install vue-cli -g （2）检测是否安装，查看版本：vue -V 3.创建项目：（1）vue create 自己的项目名称（完成之后会生成含有 ...

在页面引入vue-router.js文件，开始配置路由 路由的嵌套：在关联路由的模版内使用 subRoutes 路由链接后面带参数获取：$route.params ...