数据双向绑定与虚拟DOM， 根据数据的请求，然后展示部分使用到的元素，实现自动更新。
vue 双向数据绑定 v-bind 简写 : :冒号 v-model
https://www.cnblogs.com/qd-lbxx/p/16177834.html
单向数据绑定：<input type="text" v-bind:value="name"><br/>
双向数据绑定：<input type="text" v-model:value="name"><br/>
<!-- 简写 -->
单向数据绑定：<input type="text" :value="name"><br/>
双向数据绑定：<input type="text" v-model="name"><br/>
如下代码是错误的，因为v-model只能应用在表单类元素（输入类元素）上
v-on 简写： @ @click = v-on:click
vuex 组件关系复杂 需要 state :仓库存储数据的地方 mutations ： 修改state的唯一手段 actions ：处理action，可以书写自己的业务逻辑，也可以处理异步 这里可以书写业务逻辑，但一定不能修改state getters ： 理解为计算属性，用于简化仓库数据，让组件获取仓库数据更加方便
modules 模块式开发
基本使用 Vue.use(vuex) 注册仓库：组件实例上会多一个属性 $store的属性
export default
Store(
{
state
}
)
vuex实现模块式开发 如果项目过大，组件过多，接口很多，数据也很多
state存储的数据会太多， vuex实现模块式开发，可以拆分，
mapstate mapGetters
Vue核心知识：computed、methods和watch的区别
后台管理系统：可以让用户通过一个可视化工具，可以实现对于数据库进行增删改查的操作。 而且需要注意，根据不同的角色（老板、员工），看到的、操作内容是不同的。
vue中的$只是为了与内置的一些方法名作区分 $watcht 与 watch不同
...mapState({
total: (state) => state.search.searchList.total,
}),
mapState 用于生成计算属性
