vue数据双向绑定
原理：
1.实现一个监听器Observer，用来劫持并监听所有属性，如果有变动的，就通知订阅者。
2.实现一个订阅者Watcher，可以收到属性的变化通知并执行相应的函数，从而更新视图。
3.实现一个解析器Compile，可以扫描和解析每个节点的相关指令，并根据初始化模板数据以及初始化相应的订阅器。
vue指令
input中使用v-model ，就会把它的值当做是输入框的value值
标签上v-html，就会把它的值插入到该标签内部 v-text
v-if 条件判断 v-else-if v-else
v-show 条件判断
v-for 遍历循环使用
v-on 绑定事件
v-bind 绑定属性
不常用的
v-slot
v-pre
v-cloak
v-once
计算属性
任何复杂的业务逻辑，我们都应当使用计算属性。
在特定条件下，计算属性要优于方法
计算属性具有依赖性，计算属性依赖 data中的初始值，只有当初始值改变的时候，计算属性才会再次计算
计算属性一般书写为一个函数，返回了一个值，这个值具有依赖性，只有依赖的那个值发生改变，他才会重新计算
生命周期
使用方法 — 4个before，4个ed，创造，装载，更新，销毁
初始化阶段
beforeCreate(){}
created(){}
beforeMount(){}
mounted(){}
运行时阶段
beforeUpdate(){}
updated(){}
销毁阶段
beforeDestroy(){}
destroyed(){} //
在 created 或者 mounted 中请求数据
如果必须使用dom操作，那么可以在 mounted 和 updated 中
vue中请求数据
axios
axios.get(url).then(res => {console.log(res.data)})
axios.post(url, {}).then(res => {console.log(res.data)})
组件及组件传值，详见另一篇博客
vue项目
- 创建vue项目 cnpm / npm install @vue/cli -g vue create myapp
- 创建基本机构
- 抽离页面组件
- 抽离底部组件
路由的使用
将组件 (components) 映射到路由 (routes)，然后告诉 Vue Router 在哪里渲染它们
1、创建好项目时会自动生成一个文件 router.js,如果没有的话，执行以下步骤
cnpm / npm i vue-router -S
创建src/router.js
2、构建 vue-router 的基本文件结构
3、如果是脚手架创建的，那么可以忽略，如果不是，需要自main.js处添加如下代码
通过给new Vue() 注入了路由，这样就可以在整个项目的任何位置都可以访问到路由对应的对象
告诉 Vue Router 在哪里渲染它们，App.vue 中原先头部和内容的区域代码干掉
控制路由的变化， ， src/components/common/Footer.vue
使用 router-link 组件来导航.
通过传入 to 属性指定链接
默认会被渲染成一个 标签,可以使用 tag 属性生成目标标签
页面发生变化的标识 ---- 底部选型卡的选中的颜色
审查元素得知，选中的元素会多两个class ： router-link-exact-active router-link-active
axios请求数据填充页面
安装axios cnpm / npm i axios -S
请求首页数据 home.vue
布局基本的产品列表页
首页请求完的数据传递给prolist.vue
