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