ZQH084811的博客

如何算是精通Vue1.懂原理，应对更复杂的项目2.有全面知识框架，掌握性能优化和ssr->全局api+源码3.应用多，思考实质性问题前端自动化部署Vue项目的基本优化1.优先使用v-if只有DOM频繁显示隐藏才用v-show，场景少见；只在『信息推送优先级』中使用过，项目中一直通过Websocket推的消息，频繁推送不同类型的通知。2.v-for和v-if不要一起使用v-for的优先级高于v-if，列表渲染每一次都要进行一次v-if判断，不合理。使用计算属性，先将v-

1.this.$emit()两个参数this,$emit(event, params)

debug的收获1.控制台打断点console.log(),判断是哪里的输出有问题场景举例：判断条件进行显示的时候，条件没起作用，在对应执行内容中打断点，判断内容不显示，打断点判断数据是否传进来，是赋值失败还是根本没传进来内容第一次，没显示，第二次显示了，watch监听一下，判断改变2.vue-devtools:判断哪个组件被渲染，对应组件中的数据，路由信息...

1.Vue中$on, $emit$emit(event, 参数）：触发当前组件上的event事件并将参数传给回调函数。（传递事件）可以同时传递对个参数$on(event)：监听当前组件上的自定义event事件。（捕获事件）可以同时监听多个事件注：在组件被销毁的时候，destoryed钩子中，对 $on 绑定的事件，$off进行清除，防止内存泄露2.自定义事件kebab-case3.避免在watch和created中调用同一个函数使用场景：在组件初始化和属性更新的时候触发同一个方法w

VUE库和框架：库提供API调用；框架提供完整的解决方案，符合框架规范vue优点大程度的减少了DOM操作适合SPA项目开发使用直接在页面中用script引入vue实例对象和实例的选项创建实例对象：var vm = new Vue({ el: #id, data:数据 , methods:方法})；实例选项：el：指定vue实例管理的视图（标签），一般是id选择器不可以指定body和htmldata：数据信息访问方法：vm.属性名，vm.$data.属性名；数