随笔分类 - vue
摘要：https://www.jianshu.com/p/55305c53de13 transition动画钩子初识： <div id="root"> <transition name='fade' @before-enter='handleBeforeEnter' @enter='handleEnter
阅读全文
摘要：1将animate和过度动画的类名添加到transition对应的类上 2appear 设置初始样式（页面刷新样式）appear-active-class 3type设置动画时间依据类型（transition或animate） 4可以通过:duration来设置动画时间，补充3 <style> .f
阅读全文
摘要：<style> @keyframes bounce-in { 0%{ transform: scale(0); } 50%{ transform: scale(1.5); } 100%{ transform: scale(1); } } .fade-enter-active{ transform-o
阅读全文
摘要：https://segmentfault.com/a/1190000018125564 很完善了，重点是两个过程图。 <style> .fade-enter{ opacity: 0; } .fade-enter-active{ transition: opacity 3s; } /* .fade-e
阅读全文
摘要：https://www.jianshu.com/p/ffecd8d1fff7 被定义了 v-once 指令的元素或组件（包括元素或组件内的所有子孙节点）只能被渲染一次。首次渲染后，即使数据发生变化，也不会被重新渲染。一般用于静态内容展示。 即使内容修改，页面显示不会变化。
阅读全文
摘要：有name属性的为具名插槽。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <
阅读全文
摘要：https://zhuanlan.zhihu.com/p/50909019 非常全面啦 自定义事件(子组件触发自定义事件$emit)、 原生事件（子组件的原生事件、父组件的原生事件 @click.native ）
阅读全文
摘要：props属性：子组件接收的父组件传递过来的属性。在dom渲染后，不会显示 非props属性：子组件没有接收的父组件传递过来的属性（子组件不可使用该属性）。dom渲染后会显示，以元素属性的形式。 https://www.jb51.net/article/143049.htm props详解（验证）
阅读全文
摘要：根组件的data可以是对象或函数（返回对象）。 子组件的data只能是函数（返回对象），子组件会被多次调用，需要保证每个子组件拥有独立的数据存储，相互之间不受影响。 vue中dom操作：https://www.cnblogs.com/Leophen/p/11264314.html 在dom元素上使用
阅读全文
摘要：https://segmentfault.com/a/1190000017262264?utm_source=tag-newest 问题如下： 直接在tbody中使用<row>会导致渲染出的<tr>位于<table>之外。 解决方法：使用is标识 类似的还有ul和ol中的li,select中的opt
阅读全文
摘要：Vue.set(vm.userInfo,'address','beijing'); 方法一：使用全局set方法 vm.$set(vm.userInfo,"address","beijing"); 方法二：使用vue实例上的$set方法 数组操作： Vue.set(vm.arr,1,5) //1为下标
阅读全文
摘要：1不可以直接通过下标添加数组 list[4]={……} 2通过数组的变异方法添加数组 push pop unshift shift splice sort reverse 3通过改变引用，改变地址空间，添加数组数据。 *template占位符（可以包裹一些元素，但是并不会进行页面渲染） 多个相邻元素
阅读全文
摘要：https://blog.csdn.net/M6i37JK/article/details/78140159
阅读全文
摘要：1.class的对象绑定 :class={class1:true,class2:false} 2class的数组绑定 :class=[class1,class2] 3style的对象绑定 :style={color:'red',……} 4style的数组对象绑定 :style=[ {color:'r
阅读全文
摘要：计算属性——缓存机制：仅当依赖的属性发生变化时，计算属性才会重新进行计算。get和set方法。计算属性是基于它们的响应式依赖进行缓存的，Date.now()不是响应式的依赖，computed 最大特点就是缓存， 方法实现计算属性：没有缓存机制，页面重新渲染就会调用方法。 watch侦听器——缓存机制
阅读全文
摘要：https://blog.csdn.net/qq_29468573/article/details/80771625 除了用v-on在组件上监听自定义事件外，也可以监听DOM事件，这时可以用.native修饰符表示监听的是一个原生事件，监听的是该组件的根元素，示例如下： <my-component
阅读全文
摘要：Vue.component('my-component',{ props:{ //必须是数字类型 propA:Number, //必须是字符串或数字类型 propB:[String,Number], //布尔值，如果没有定义，默认值就是true propC:{ type:Boolean, defau
阅读全文
摘要：Vue2.x通过props传递数据是单向的了，也就是父组件数据变化时会传递给子组件，但是反过来不行。 业务中会经常遇到两种需要改变prop的情况， 一种是父组件传递初始值进来，子组件将它作为初始值保存起来，在自己的作用域下可以随意使用和修改。这种情况可以在组件data内再声明一个数据，引用父组件的p
阅读全文
浙公网安备 33010602011771号