Vue前端框架整理
文章平均质量分 87
鹿蹊zz
这个人很懒,什么都没有留下~~~
展开
-
Vue——生命周期
更新原创 2022-08-10 20:55:49 · 1182 阅读 · 1 评论 -
Vue——组件化开发
我们在复用组件的时候肯定希望,各自组件用各自的变量,如果确实需要都用一样的,可以全局组件注册,也可以是用vuex来进行状态管理。注意:组件就是一个vue实例,vue实例的属性,组件也可以有,例如data、methods、computed等。的count是各自用各自的,像局部变量一样有块级作用域,这个块级就是vue组件的作用域。 父组件访问子组件,有时候需要直接操作子组件的方法,或是属性,此时需要用到。 组件的思想是复用,定义组件当然是把通用的公共的东西抽出来复用。并不保证顺序,也不是响应式的。...原创 2022-08-09 08:50:07 · 2110 阅读 · 1 评论 -
Vue—— v-model
v-model双向绑定,既输入框的value改变,对应的message对象值也会改变,修改message的值,input的value也会随之改变。无论改变那个值,另外一个值都会变化。2. v-model的原理 先来一个demo实现不使用v-model实现双向绑定。,实现双向绑定需要是用v-bind和v-on,使用v-bind给input的value绑定message对象,此时message对象改变,input的值也会改变。......原创 2022-08-04 20:13:58 · 260 阅读 · 0 评论 -
Vue——条件判断、循环遍历
v-if 在首次渲染的时候,如果条件为假,什么也不操作,页面当作没有这些元素。当条件从真变为假的时候,开始局部编译,卸载这些元素,也就是删除。(3)v-if、v-else、v-else-if联合使用相当于if、elseif、else,但是在条件比较多的时候建议使用计算属性。(2)在上面demo中,Vue内部发现原来的input元素不再使用,所以直接将其映射对应虚拟DOM,用来复用。(1)vue在进行DOM渲染是,处于性能考虑,会复用已经存在的元素,而不是每次都创建新的DOM元素。一般需要使用索引值。..原创 2022-08-02 19:46:56 · 1940 阅读 · 0 评论 -
Vue练习
如果要频繁切换某节点时,使用v-show(无论true或者false初始都会进行渲染,此后通过css来控制显示隐藏,因此切换开销比较小,初始开销较大),如果不需要频繁切换某节点时,使用v-if(因为懒加载,初始为false时,不会渲染,但是因为它是通过添加和删除dom元素来控制显示和隐藏的,因此初始渲染开销较小,切换开销比较大)。v-for的优先级比v-if高,每循环一次就会去v-if一次,而v-if是通过创建和销毁dom元素来控制元素的显示与隐藏,所以就会不停的去创建和销毁元素,造成页面卡顿,性能下降。.原创 2022-07-30 09:04:21 · 741 阅读 · 2 评论 -
Vue——事件监听
在前面的计数器案例中使用了v-onclick监听单击事件。使用v-onclick给button绑定监听事件以及回调函数,@是的语法糖,也就是简写也可以使用@click。方法一般是需要写方法名加上(),在@click中可以省掉,如上述的。...原创 2022-07-28 19:11:57 · 3434 阅读 · 0 评论 -
Vue——计算属性与侦听器
例子中计算属性computed看起来和方法似乎一样,只是方法调用需要使用(),而计算属性不用,方法取名字一般是动词见名知义,而计算属性是属性是名词,但这只是基本使用。handler方法就相当于普通侦听器触发的事件,从结果可以看到,组件初始化的时候,侦听器并没有handler方法,所以fullName是没有值的。但是计算属性一般没有set方法,只读属性,只有get方法,但是上述中newValue就是新的值,也可以使用set方法设置值,但是一般不用。修改Vue实例外对象后在修改Vue实例内的对象。...原创 2022-07-27 20:20:23 · 146 阅读 · 0 评论 -
Vue——插值操作 、动态绑定属性
mustache是胡须的意思,因为{{}}像胡须,又叫大括号语法。在vue对象挂载的dom元素中,{{}}不仅可以直接写变量,还可以写简单表达式。原创 2022-07-26 23:45:02 · 1962 阅读 · 1 评论 -
初识Vue
Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。原创 2022-07-25 20:44:27 · 263 阅读 · 0 评论