vue
米米太阳花
这个作者很懒,什么都没留下…
展开
-
Vue日常推送学习
如何算是精通Vue 1.懂原理,应对更复杂的项目 2.有全面知识框架,掌握性能优化和ssr->全局api+源码 3.应用多,思考实质性问题 前端自动化部署 Vue项目的基本优化 1.优先使用v-if 只有DOM频繁显示隐藏才用v-show,场景少见; 只在『信息推送优先级』中使用过,项目中一直通过Websocket推的消息,频繁推送不同类型的通知。 2.v-for和v-if不要一起使用 v-for的优先级高于v-if,列表渲染每一次都要进行一次v-if判断,不合理。 使用计算属性,先将v-原创 2020-09-14 11:05:59 · 123 阅读 · 0 评论 -
Vue组件传值子->父
1.this.$emit() 两个参数 this,$emit(event, params)原创 2020-09-13 17:06:44 · 56 阅读 · 0 评论 -
Vue-debug收获
debug的收获 1.控制台打断点console.log(),判断是哪里的输出有问题 场景举例: 判断条件进行显示的时候,条件没起作用,在对应执行内容中打断点,判断 内容不显示,打断点判断数据是否传进来,是赋值失败还是根本没传进来 内容第一次,没显示,第二次显示了,watch监听一下,判断改变 2.vue-devtools:判断哪个组件被渲染,对应组件中的数据,路由信息 ...原创 2020-09-07 20:54:16 · 68 阅读 · 0 评论 -
Vue最佳实践文章学习
1.Vue中$on, $emit $emit(event, 参数):触发当前组件上的event事件并将参数传给回调函数。 (传递事件) 可以同时传递对个参数 $on(event):监听当前组件上的自定义event事件。 (捕获事件) 可以同时监听多个事件 注:在组件被销毁的时候,destoryed钩子中,对 $on 绑定的事件,$off进行清除,防止内存泄露 2.自定义事件kebab-case 3.避免在watch和created中调用同一个函数 使用场景:在组件初始化和属性更新的时候触发同一个方法 w原创 2020-09-07 20:53:59 · 84 阅读 · 0 评论 -
Vue初学
VUE 库和框架:库提供API调用;框架提供完整的解决方案,符合框架规范 vue优点 大程度的减少了DOM操作 适合SPA项目开发 使用 直接在页面中用script引入 vue实例对象和实例的选项 创建实例对象: var vm = new Vue({ el: #id, data:数据 , methods:方法}); 实例选项: el:指定vue实例管理的视图(标签),一般是id选择器 不可以指定body和html data:数据信息 访问方法:vm.属性名,vm.$data.属性名; 数原创 2020-07-15 14:53:55 · 128 阅读 · 0 评论