![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
司強
这个作者很懒,什么都没留下…
展开
-
Vue中v-if和v-show的区别
1.共同点:都能控制元素的显示和隐藏。2.不同点:实现本质⽅法不同,v-show本质就是通过控制css中的display设置为none,控制隐藏,只会编译⼀次;v-if是动态的向DOM树内添加或者删除DOM元素,若初始值为false,就不会编译了。⽽且v-if不停的销毁和创建⽐较消耗性能。3.总结:如果要频繁切换某节点,使⽤v-show(切换开销⽐较⼩,初始开销较⼤)。如果不需要频繁切换某节点使⽤v-if(初始渲染开销较⼩,切换开销⽐较⼤)。v-if 使用:<div v-if="show"&g原创 2020-11-30 15:26:53 · 153 阅读 · 0 评论 -
新建 Vue.CLI项目
项目安装安装 全局 VueCLInpm install -g @vue/cli创建一个项目:my-project 文件 名vue create my-project在D盘目录下新建项目安装项目所需的插件原创 2020-11-10 09:09:47 · 84 阅读 · 0 评论 -
Vue组件之间传递数据的五种方式
Vue 组件之间数据传递的几种方式:父组件向子组件传递数据,使用props属性;子组件向父组件中传递数据,在子组件中使用$emit派发事件,父组件中使用v-on监听事件;缺点:组件嵌套层次多的话,传递数据比较麻烦。祖先组件通过依赖注入(inject / provide)的方式,向其所有子孙后代传递数据;缺点:无法监听数据修改的来源,不支持响应式。通过属性$root / $parent / $children /ref,访问根组件、父级组件、子组件中的数据;缺点:要求组件之间要有传递性。通过事件转载 2020-11-09 23:05:29 · 18343 阅读 · 0 评论