练习bug时长7年半的练习生

前言 为加深对Vuex的印象，以及对vuex各种方法调用的理解，写了个例子去实际体验了一把 最终效果 代码如下 shop.vue 新建/store/index.js

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 存储状态响应式 不能直接改变store中的状态，必须通过唯一方法commit去改变mutation state 单一状态树，可以对应到组

根据的都是更新后的2.6新版本 概念： 组件预留的html模板区域，这块模板显示不显示怎样显示由父组件决定 插槽作用域 父级模板里的所有内容都是在父级作用域中编译的；子模板里的所有内容都是在子作用域中

自定义指令是什么？ 内置指令例如：v-model、v-show、v-bind、v-on等等 开发者自己也可以定义指令 vue自定义指令包含两种创建方式： 全局注册和组件注册 全局注册 在src下新建

computed 应用场景： 模板中涉及到复杂运算的 使用： 响应式 当计算属性依赖的值发生变化时候，计算属性也会更新，模板中的值也会发生变化 计算属性和data中的属性不能同名 计算属性依赖缓存 计

需求： 10个视频放入轮播图，点击其中一个后全屏播放 横屏布局 判断视频在本地缓存是否存在，有的话读本地，没有的话存服务器 打包成ios 分析： 10个视频放在同一个页面，写多个组件耗费性能且unia

3.0优点 支持vue2.0语法 性能提升：打包大小减少 41%，初次渲染快 55%，更新快 133%，内存使用减少 54% typescript支持 3.0环境搭建 强烈建议用可视化工具，惊艳到了

``` ``` > Vue.directive大神封装：https://github.com/Michael-lzg/v-directives/blob/master/README.md

npm i axios -S下载axios 创建utils/request.js 代码分析 3.创建api/api.js 封装所有的接口 4、界面引用