
vue.js 笔记
文章平均质量分 59
vue.js 笔记
崔佳宇_
只是为了好玩
展开
-
vue 自定义指令
focus:{}}}-- 局部定义 -->});原创 2022-08-07 21:21:46 · 236 阅读 · 0 评论 -
VUE mixin 使用
mixin 混入可以在组件内部缺少数据时,使用mixin内的数据代替。组件 data 优先级高于 mixin data 优先级上述代码中,count 使用了 mixin 内的数据,由于内部 number 已经被定义,vue 优先使用内部的数据,再使用 mixin 的数据。 mixin 中的生命周期函数和组件的生命周期函数都会执行,而且 mixin 中的优先级更高。效果如下: 使用 mixins:[myMixin] 是局部载入mixin的方式,子组件不能获得 mixins 的值运行结果如下:全局原创 2022-08-07 16:29:38 · 1295 阅读 · 0 评论 -
VUE 笔记 生命周期函数
执行的时候,页面中的元素,还没有被真正替换过来,只是之前写的一些模板字符串。模板已经在内存中编辑完成了,但是尚未把模板渲染到 页面中,在。beforeUpdate::当数据在模板中更新后执行。表示实例完全被创建出来之前,会执行它,注意:在。都已经被初始化好了!就表示,实例已经被完全创建好了。updated:当数据被更新时执行。中的 数据都还没有初始化。生命周期函数执行的时候,中的数据,最早,只能在。生命周期函数,当执行完。......原创 2022-08-06 11:26:12 · 122 阅读 · 0 评论 -
VUE 笔记 基础语法篇
v-model:value 可以简写为 v-model,因为 v-model 默认收集的就是 value 值。此刻使用 v-html 可以解决这个问题,v-html 指令是设置 innerHTML。v-if 直接不渲染这个dom元素,v-show采用display:none的方式。双向绑定(v-model):数据不仅能从data流向页面,还可以从页面流向data。如果 v-for 一个对象 可以获得 value,key,index 三个值。如果事件嵌套事件,会冒泡触发,内部的实现会触发外部事件。...原创 2022-08-06 09:56:38 · 177 阅读 · 0 评论