![](https://img-blog.csdnimg.cn/119b0ab7ed8d4077aeaa3c2f57e1b1f5.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端常用
前端常用
枝昻张
这个作者很懒,什么都没留下…
展开
-
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 · 207 阅读 · 0 评论 -
VUE3生命周期函数
这些钩子函数在组件的不同阶段被调用,以便执行相应的操作。beforeMount:在组件挂载到DOM之前被调用,此时组件的模板已经编译完成,但尚未渲染到页面上。需要注意的是,Vue 3中的钩子函数使用了新的语法,可以直接在组件的setup函数中定义。mounted:在组件挂载到DOM之后被调用,此时组件已经渲染到页面上,可以进行DOM操作。beforeUpdate:在组件更新之前被调用,此时组件的数据发生变化,但尚未重新渲染。created:在组件实例被创建之后被调用,此时组件的数据和方法已经初始化完成。原创 2023-11-10 17:57:31 · 67 阅读 · 1 评论 -
Vue2自定义指令应用
在vue2中,可以使用Vue.directive() 方法来自定义指令,这个方法接收两个参数,第一个参数是指令的名称,第二个参数是一个对象,其中包含了指令相关的钩子函数和配置项。除了使用钩子函数外,自定义指令还可以包含其他的一些配置项,如 params、bind 、 update 修饰符等,这些配置项可以根据所需要实现的具体需求进行配置。==注意:==在使用自定义指令时,vue.js 会将指令名称转换为驼峰式命名,所以在 Vue 模板中使用自定义指令时,需要使用驼峰式命名。原创 2023-11-09 17:15:17 · 136 阅读 · 0 评论