Vue

$route和$router的区别 $router对象 验证this.$router对象和router/index.js中导出的router对象是同一个对象 main.js User.vue 效果展示

认识嵌套路由 嵌套路由是一个很常见的功能 比如在home页面中, 我们希望通过/home/news和/home/message访问一些内容. 一个路径映射一个组件, 访问这两个路径也会分别渲染两个组件

路由的懒加载 官方给出了解释: 当打包构建应用时，Javascript 包会变得非常大，影响页面加载 如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加

动态路由 在某些情况下，一个页面的path路径可能是不确定的，比如我们进入用户界面时，希望是如下的路径： /user/aaaa或/user/bbbb 除了有前面的/user之外，后面还跟上了用户的ID

vue-router的使用 目前前端流行的三大框架, 都有自己的路由实现: Angular的ngRouter React的ReactRouter Vue的vue-router 当然, 我们的重点是vu

URL更改方案 URL的hash URL的hash URL的hash也就是锚点(#), 本质上是改变window.location的href属性. 我们可以通过直接赋值location.hash来改变

认识vue-router 路由简介 说起路由你想起了什么？ 路由是一个网络工程里面的术语 路由（routing）就是通过互联的网络把信息从源地址传输到目的地址的活动. --- 维基百科 具体来说 在生

ES6箭头函数中的this js中函数的3种形式 箭头函数的参数和返回值 箭头函数中this的指向问题 使用箭头函数最多的情况，将一个函数当成参数传入到另一个函数中 在对象中的函数this的指向

VUE CLI3的配置文件 vue cli的配置文件UI查看 使用UI进行vue项目管理 创建项目 导入项目 项目配置 插件展示 依赖查看 配置设置 运行项目 在node_modules中查看配置 在

认识Vue CLI3 vue-cli 3 与 2 版本有很大区别 vue-cli 3 是基于 webpack 4 打造，vue-cli 2 还是 webapck 3 vue-cli 3 的设计原则是“

runtime-compiler和runtimeonly 区别： main.js runtime-compiler runtimeonly 从代码中我们可以看到一个使用的是components + t

ESLint 代码规范 在创建的时候我们选择 eslint的选项是yes，同时选择规范是Standard 创建完成之后，项目整体会多出来两个文件 验证在eslint的模式下，代码不规范，按ctrl +

Vue-cli项目目录结构详解(二) node_modules 当前项目依赖的很多node的包都放在node_modules中 src源码文件夹 main.js 和 .Vue的使用 static 静态

Vue-cli项目目录结构详解(一) webpack的配置和项目启动 项目的读取顺序： package.json node的作用： 以前我们的js代码是要运行在浏览器中，node就是模拟浏览器的环境运

Vue CLI的使用 vue-cli3的官网地址：https://cli.vuejs.org/zh/ 安装Vue脚手架 验证安装成功 注意：上面安装的是Vue CLI3的版本，如果需要想按照Vue C

VUE的准备工作 什么是Vue CLI 如果你只是简单写几个Vue的Demo程序, 那么你不需要Vue CLI. 如果你在开发大型项目, 那么你需要, 并且必然需要使用Vue CLI 使用Vue.js

webpack本地服务器 搭建本地服务器 webpack提供了一个可选的本地开发服务器，这个本地服务器基于node.js搭建，内部使用express框架，可以实现我们想要的让浏览器自动刷新显示我们修改

webpack的plugin配置 认识plugin plugin是什么？ plugin是插件的意思，通常是用于对某个现有的架构进行扩展 webpack中的插件，就是对webpack现有功能的各种扩展，

webpack的VUE配置 引入vue.js 后续项目中，我们会使用Vuejs进行开发，而且会以特殊的文件来组织vue的组件 所以，下面我们来学习一下如何在我们的webpack环境中集成Vuejs 现

webpack的ES6配置 如果你仔细阅读webpack打包的js文件，发现写的ES6语法并没有转成ES5，那么就意味着可能一些对ES6还不支持的浏览器没有办法很好的运行我们的代码 在前面我们说过，如