前端
文章平均质量分 65
luoluo2046
知我者谓我心忧,不知我者谓我何求。
展开
-
vue自定义指令、过滤器
vue自定义属性、过滤器vue自定义指令全局局部过滤器全局局部vue自定义指令回顾vue指令 : 扩展了html标签属性功能使用方法 属性写法 v-属性名=“值”自定义指令1 全局Vue.directive(“指令名”,{ 钩子函数 })Vue.directive(“指令名”,{bind(){ },inserted(el,binding){ },一般使用insertedupdate(){ },unbind(){ }})2 局部 只能在注册的组件中使原创 2020-10-08 22:58:12 · 97 阅读 · 0 评论 -
Mixin
Mixin混入混入注意混入1 加入多个组件需要用到相同的属性、方法、监听器、计算属性…此时就可以定义一个公共混入2 定义混入 混入的结构和组件结构一致3 使用混入 在需要使用混入的组件中增加mixins属性 属性值为数组 ,数组里面放需要 使用的混入(可以多个)例如:// Home组件和News组件都需要用到msg和changeMsg事件//定义一个混入const mixin1 = { data () { return { msg:"h原创 2020-10-08 20:13:05 · 94 阅读 · 0 评论 -
过渡与动画(transition)
transition组件三个状态一、入场(从消失到显示)二、默认显示状态三、出场(从显示到消失)transition结合动画transition结合自定义动画transition 结合animate.css动画库用于控制元素、组件的显示消失 切换等效果三个状态一、入场(从消失到显示)vue会自动加上类名 v-enter中间 vue会自动加上类名 v-enter-active二、默认显示状态三、出场(从显示到消失)中间vue会自动加上类名 v-leave-active最后vue会自动加原创 2020-10-08 18:38:39 · 323 阅读 · 0 评论 -
vue组件 component
vue组件 component简单理解一、定义二、分类全局组件局部组件三、关系1.父子2.兄弟3.无关系四、通信父向子通信子向父通信兄弟组件通信另外三种通信ref通信$children $parentprovide/inject五、插槽普通插槽命名插槽(具名插槽)简单理解组件可以理解为网页上的的html元素,也可以理解为网页上一个独立的部分(比如说网页头部、主体、尾部等)组件实际上是让我们写好的代码复用性更高的一种方式通过多种基础组件的组合形成完整的功能,而且因为代码的复用不会增加多余的代码原创 2020-10-08 15:54:38 · 229 阅读 · 0 评论