VUE
一只无畏的小菜鸟
这个作者很懒,什么都没留下…
展开
-
Vue组件中的data为什么必须是一个函数
关于Vue中的data为什么必须是一个函数,咱们直接上源码:在初始化data的时候,我们可以看到针对于data数据的处理data = vm._data = typeof data === 'function' ? getData(data, vm) : data || {}如果传过来的data是一个函数,那么就执行getData()这个工厂函数,这样每一个实例的data都能够保持唯一性,独立性,互不干扰。总结:Vue组件可能存在多个实例,如果使用对象形式去定义data,会导原创 2021-04-22 16:46:43 · 212 阅读 · 0 评论 -
Vue中 v-vif 与v-for 的问题
Vue中针对于v-if与v-for的使用可能会有一些疑问,比如两者在同一级时,谁的优先级比较高,应该这样去处理会更好。首先我们看vue中的源码:源码中对于v-for的执行先与v-if,因此v-for的优先级高于v-if的优先级。因此当两者在同一级一起使用时,会出现性能方面的问题,因为不管你的v-if里的语句是否为true,都会先执行v-for去循环。要避免这种情况,可以在外面嵌套一层template,在这一层去做判断,然后在内部进行v-for循环。还有一种情况,比如判断的条件是循环项的值,为了避原创 2021-04-22 16:28:59 · 2550 阅读 · 0 评论 -
vue 组件传值、通信
父组件=>子组件属性props//childprops:{ msg: String }//parent<HelloWorld msg="welcome to vue.js" \>引用refs//parent<HelloWorld refs="test" />this.$refs.test.xxx子组件=>父组件自定义事件//child...原创 2020-02-10 10:29:55 · 89 阅读 · 0 评论