Vue2

@[toc] 概述 思考：如何改成使用本地缓存，是写一堆按钮每次触发就是往本地缓存种get和set？答案是错误的，因为太复杂了会写一堆的get和set方法 正确答案：使用监听watch属性，因为只要监

如何使用Vue： 基本结构: 1、引入Vue的核心JS文件 2、准备Dom结构 3、实例化组件 通过el属性，挂载元素，绑定id为app的html元素 通过data属性，定义数据，可以在html代码段

@[toc] 10.10编程式路由导航 注意点1： 答案：有些场景不适合使用<router-link>标签，比如跳转路由最终呈现是个button按钮而不是<a>标签；再或者页面加载等待2秒后自动跳转功

@[toc] 10.9router-link的replace属性 注意点1：两种写法 完整写法 =》 :replace=’true’ 简写 =》 replace 注意点2： 如果不设置replace，

@[toc] 10.6命名路由 注意点1： 命名路由请使用name属性，替换掉path属性的作用，且name直接指定名称即可，而path必须指定3级目录（path=’/demo/test/welcom

@[toc] 10.11缓存路由组件 注意点1： <keep-alive>用于路由缓存，其中inclue用于指定只缓存指定名称的组件，其中News指代一定是“组件名”，指代一定是“组件名”，指代一定是

@[toc] 10.12两个新的生命周期钩子 注意点1： 最开始我们学习使用的是mounted和beforeDestroy的钩子函数，但是在路由组件由News切换成Messgae时被切换的组件并没有销

@[toc] 10.13路由守卫 注意点1： 前置路由守卫或者后置路由守卫中，to指代切换到哪个路由组件，from指代从哪里来的路由组件，next指代下一个路由组件是否放行显示 注意点2： 如果想实现

@[toc] 10.13路由守卫 注意点1： 前置路由守卫或者后置路由守卫中，to指代切换到哪个路由组件，from指代从哪里来的路由组件，next指代下一个路由组件是否放行显示 注意点2： 如果想实现

@[toc] 10.13路由守卫 注意点1： 前置路由守卫或者后置路由守卫中，to指代切换到哪个路由组件，from指代从哪里来的路由组件，next指代下一个路由组件是否放行显示 注意点2： 如果想实现

@[toc] 10.14路由的2种工作模式 注意点1： 答案：hash模式和history模式。其中hash模式就是url路径带/#/的，#后面的以hash值传向服务器，而history模式就是最普通

@[toc] node_modules文件夹：项目依赖文件夹 public文件夹：一般放置一些静态资源（图片），需要注意，放在public文件夹中的静态资源，在webpack打包时，会原封不动的打包到

@[toc] 2.项目的其他配置 2.1 项目运行时，让浏览器自动打开 在package.json中更改script项，改为如下代码，只是在"serve"后面多添加了--open而已 2.2 关闭es

@[toc] 安装命令如下： 注意点3：如果想让组件识别less样式，需要在style标签的身上加上lang=less 错误场景1：cnpm不是内外部命令 原因：那就说明不认识命令cnpm，可以采用n

@[toc] 此项目为在线电商Web App (SPA) 包括首页, 搜索列表, 商品详情, 购物车, 订单, 支付, 用户登陆/注册等多个子模块 使用Vue全家桶+ES6++Webpack+Axio

@[toc] 前端所谓路由：kv键值对 key:URL(地址栏中的路径) value:相应的路由组件 注意：本项目是上中下结构 Home首页路由组件、Search路由组件、login登录路由、Regi

@[toc] 4.完成非路由组件Header与Footer业务 在咱们项目开发中，不在以HTML + CSS 为主，主要搞业务、逻辑 开发项目的流程： (1)书写静态页面（HTML + CSS） (2

@[toc] 5.路由组件的搭建 安装vue-router命令： 在上面分析的时候，路由组件应该有四个：Home、Search、Login、Register components文件夹：经常放置的是非

@[toc] 6.Footer组件的显示与隐藏 显示或者隐藏组件 Footer组件：在Home、Search显示Footer组件 Footer组件：在登录、注册时候隐藏 6.1我们可以根据组件身上的$

@[toc] 7.路由传参 7.1路由跳转有几种方式？ 比如：A -> B 声明式导航：router-link（务必要有to属性），可以实现路由的跳转。 编程式导航：利用的是组件实例的$router.