
vue2
文章平均质量分 88
vue2
十 二
这个作者很懒,什么都没留下…
展开
-
vuex-vue2
为了方便实现组件之间的数据共享,Vuex是他们团队借鉴了redux,用来实现vue组件全局状态(数据)管理的一种机制.原创 2022-09-14 22:56:33 · 806 阅读 · 1 评论 -
动态组件、缓存组件、异步组件-vue2
2、 组件缓存起来:通过异步加载的组件会缓存起来,当你下一次再用到这个组件时,丝毫不会有任何的疑迟,组件很快会从缓存中加载出来。原创 2022-09-12 14:58:27 · 956 阅读 · 0 评论 -
正向属性传值、反向传值-$emit、反向传值-sync、反向传值v-model、多层传值$attrs$listeners、$ parent$ root$ children$refs。。。-vue2
父组件通过属性给子组件传值: 子组件的props接受数据在页面模板中 使用变量名:属性 data 计算属性(重点)子组件:2、反向传值-$emit2.1 子组件通过自定义事件给父组件传新值 $emit子组件通过自定义事件给父组件传count的新值n,父组件收到新值后修改自己的data,自然就会刷新自己 和子组件的模板子组件通过调用父组件的方法给父组件传值:子组件的自定义事件中,用$emit触发事件调用父组件方法给父组件传值 (重点)因为通过属性传值是单向的,有时候我们需要子组件的data 数据原创 2022-09-12 12:57:30 · 677 阅读 · 0 评论 -
自定义指令钩子、nextTick、全局与局部、单文件组件、组件的属性、v-slot: 插槽、css的作用域、面试题(组件基础)-vue2
只调用一次,指令第一次绑定到元素时调用,这个钩子函数可以定义在绑定时执行一次的初始化动作。指令所绑定的元素,可以用来直接操作 DOM。全局:所有组件共同的功能(指令,过滤器,组件)局部:只有当前组件的功能(指令,过滤器,组件)原创 2022-09-05 22:54:11 · 748 阅读 · 0 评论 -
属性监听器、自定义指令、生命周期函数、注册组件-vue2
watch:{x(){}}中的方法名必须跟要监听的data中的属性名一样,才代表监听指定属性当侦听器监听的属性发生变化时,就会调用watch中对应的方法侦听器属性,比计算属性计算效率消耗大除了默认设置的核心指令( v-model 和 v-show 等),Vue 也允许注册自定义指令。在Vue里,代码复用的主要形式和抽象是组件。然而,有的情况下,仍然需要对纯 DOM 元素进行底层操作,这时候就会用到自定义指令。原创 2022-09-04 21:57:42 · 1122 阅读 · 0 评论 -
响应式数据、双向数据绑定、过滤器、计算属性-Vue2
只能由代码改变UI或者只能由UI改变代码如果内存中的数据变化了 页面UI也会动态跟着刷新 这种数据就是响应式数据双向数据绑定:代码改变UI,UI也能改变代码双向数据绑定的实现: 2种方式。原创 2022-08-31 22:30:20 · 709 阅读 · 0 评论 -
事件、样式绑定、条件渲染、循环渲染-vue2
这样引起的问题是:arr 数组新增一项数据时,会对每一项再做一遍v-if 循环,然后for 循环渲染。渲染过程为:对arr每一项先做map循环判断v-if给出的条件,再做一遍for 循环渲染。这样当arr 数组某一项数据发生变化时,只对新增的数据进行v-if 判断,节约渲染效率。方法的写法:由于是做了es6语法处理的 所以学过的所有方式的写法都行。这样又会产生新的问题:外层for的div会也创建一个挂载到DOM中。嵌套的写法 数据容器变化时 if只判断新增的数据。2.解决方案把for弄到最外层(面试)...原创 2022-08-31 12:02:44 · 421 阅读 · 0 评论 -
插值表达式、指令、元素属性绑定-vue2
普通插值表达式插入数据: 在标签尖括号中使用{{}}插入js表达式:变量,函数调用,三目运算等等,插值表达式中的标识符 代表vue对象中的data的属性名或者methods中的方法名。原创 2022-08-29 23:09:17 · 348 阅读 · 0 评论