- 博客(4)
- 收藏
- 关注
RSS订阅原创 Vue 中常用的指令
v-html：用于输出包含 HTML 标签的内容，可以将 Vue 实例的数据作为 HTML 渲染到模板中，潜在的安全风险需要谨慎使用。v-if 和 v-else：用于条件渲染，v-if 根据条件决定是否渲染元素，v-else 则是在前面的条件不满足时渲染元素。v-bind 或简写为 :：用于动态绑定属性或者组件的 props，可以将 Vue 实例的数据绑定到 HTML 元素的属性上。v-model：用于实现双向数据绑定，可以在表单元素上使用，将输入的值与 Vue 实例的数据进行绑定。
2023-11-14 16:48:01
208
原创 VUE3生命周期函数
这些钩子函数在组件的不同阶段被调用，以便执行相应的操作。beforeMount：在组件挂载到DOM之前被调用，此时组件的模板已经编译完成，但尚未渲染到页面上。需要注意的是，Vue 3中的钩子函数使用了新的语法，可以直接在组件的setup函数中定义。mounted：在组件挂载到DOM之后被调用，此时组件已经渲染到页面上，可以进行DOM操作。beforeUpdate：在组件更新之前被调用，此时组件的数据发生变化，但尚未重新渲染。created：在组件实例被创建之后被调用，此时组件的数据和方法已经初始化完成。
2023-11-10 17:57:31
68
1
原创 Vue2自定义指令应用
在vue2中，可以使用Vue.directive() 方法来自定义指令，这个方法接收两个参数，第一个参数是指令的名称，第二个参数是一个对象，其中包含了指令相关的钩子函数和配置项。除了使用钩子函数外，自定义指令还可以包含其他的一些配置项，如 params、bind 、 update 修饰符等，这些配置项可以根据所需要实现的具体需求进行配置。==注意:==在使用自定义指令时，vue.js 会将指令名称转换为驼峰式命名，所以在 Vue 模板中使用自定义指令时，需要使用驼峰式命名。
2023-11-09 17:15:17
137
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人