橘橙夏日

摘要： vue的优势 1.声明式渲染 2.响应式数据绑定 mvvm框架，m：数据层；v:视图层（dom）；vm dom通过监听去渲染视图层，实现了响应式 3.组件化开发 4.virtual DOM 减少dom操作，提升渲染性能 Object.freeze(data) 冻结对象监听，会阻止对象响应的属性变化， 阅读全文

摘要： 使用js类库（velocity） 安装：npm install velocity-animate 在man.js中引入 enter，leave钩子函数中一定要使用done进行回调，否则过渡会立即完成 appera：只有初始渲染的时候才执行动画 它也有钩子函数，before-appera 对列表进行过 阅读全文

摘要： 在对一些ui库中的组件进行二次封装的时候，使用vue的透传可以让我们的代码变得更轻量，也让封装的组件更加易用使用 inheritAttrs（默认值true） 当inheritAttrs=true时，对封装的组件添加没有在prop中定义的属性或方法会直接添加到dom上，所以为了实现透传，需要把inhe 阅读全文

摘要： 1.拉取远程分支的最新代码到本地并自动合并代码 git pull origin 分支名称 获取远程最新代码到本地，不会自动合并代码，需要手动合并 git fetch origin 分支名称 更安全，可以清楚的知道都进行了哪些文件的更新 后续操作：git log -p 分支名称 git merge 分 阅读全文

摘要： 需求： 1.开发过程中，代码保存自动刷新页面就好了-热更新。 2.写css样式。或者JavaScript代码后自动处理兼容问题就好了-代码编译。 3.项目要上线了，可以一键压缩代码，图片处理等就好了-压缩打包服务等。 webpack本质上是一个javascript应用程序的静态模块打包器 webpa 阅读全文

摘要： 手动安装 1.选择依赖： babel，router，vuesx一般是必选的，cssPre-processors css预编译也是需要选的，linter/Formatter是用于检查的，这里我们也是需要的 2.选择路由模式是history还是hash，如果选hash的话，地址栏里会带#，使用histo 阅读全文

摘要： 1.速度更快 a.虚拟dom重写 b.优化插槽生成 2.0中如果父组件更改的数据也传递到了子组件，在子组件也会重新渲染，但是3.0可以单独渲染父组件的数据和子组件的数据 c.静态树提升 3.0可以检测到什么是静态的，就会跳过不重新渲染，降低了渲染成本 d.静态属性提升 f.基于Proxy的观察者机制 阅读全文

摘要： 1.内嵌指令 v-text：更新文本 v-html：innerHtml v-if：条件判断 v-else v-else-if v-show：条件隐藏 v-for 列表渲染 v-model 数据双向绑定 常用于表单渲染 v-on 绑定事件 v-bind htm标签l特性的绑定，如class id st 阅读全文

摘要： 插槽 使用场景：父组件想向子组件中传递dom元素的时候 slot：普通插槽，具名插槽 v-solt只能用在template标签上面 默认：v-slot：default 父组件： 子组件： 作用域插槽： 让插槽能访问到只有子组件中才能访问的数据 动态组件 组件缓存：keep-live 在compont 阅读全文

摘要： 组件通信 父组件向子组件通信 1.props v-model 2.$parent 严格意义上，不是值传递，不推荐使用 子组件向父组件通信 1.$emit 2.$children 不推荐使用 注意this.$children是个数组，需要通过下标获取具体的组件 兄弟组件之间的传值 1.bus中央事件总 阅读全文