【原创】Vue 插槽
插槽的作用 让父组件可以向子组件插入 HTML 结构,也是一种组件间的通讯方式,适用于父组件===>子组件。 插槽的分类 默认插槽 // 父组件中 <Category> <div>html 结构</div…
记录学习和工作
插槽的作用 让父组件可以向子组件插入 HTML 结构,也是一种组件间的通讯方式,适用于父组件===>子组件。 插槽的分类 默认插槽 // 父组件中 <Category> <div>html 结构</div…
转自: https://zhuanlan.zhihu.com/p/376816600 不使用 @import,会增加加载时间。 选择器尽量少于三层,太多层不利于后期维护,可读性也比较低。浏览器读取选择器是从右到左的顺序,最右边的选择器应该具…
全局事件总线 可以实现任意组件间的通信。 new Vue({ el:& 039; app& 039;, render:h=>h(App), beforeCreate(){ Vue.property.$bus = this; } }) …
编码流程 拆分静态组件:按照功能点拆分,命名不要与 HTML 元素相冲突。 实现动态组件:考虑好数据组件的存放位置,数据是一个组件在用,还是一些组件在用。 1.一个组件在用,放在自身即可。 2.一些组件在用,放在他们共同的父组件上。 实现交…
转自: https://blog.csdn.net/piaojiancong/article/details/122861309 组件是需要通信的,在开发中,常用到的通信方式有:vuex、eventBus、以及props与emit、$par…
Vue 的生命周期 什么是生命周期 生命周期又名生命周期回调函数、生命周期函数、生命周期钩子。 Vue 在关键时刻帮我们调用的一些特殊名称的函数。 生命周期函数的名称不可更改,但内容是根据开发者的需求编写的。 生命周期函数的 this 指向…
mixin 混入 两个组件共享一个配置 plugin Vue.use(pluginName) scoped 限定 style 的作用范围,让样式在局部生效,防止冲突。
转自: https://www.jianshu.com/p/c1c0907d64f8 在es6之前,js只具有函数作用域(缺少块作用域),并通过闭包的内部的引用传递值。但是在es6之后,出现了let和const,实现了块作用域。 函数套函数…
转自: https://zhuanlan.zhihu.com/p/534307734 补充: https://blog.csdn.net/m0 65450343/article/details/124658549 https://blog.…
安装 vue-cli npm install -g @vue/cli 切换镜像源: npm config set registry https://registry.npm.taobao.org 创建项目 vue create projec…