- 博客(313)
- 收藏
- 关注
原创 Vue-生命周期-更新
什么生命周期更新?什么生命周期更新?在Vue.js中,生命周期的“更新”阶段指的是组件的数据变化导致视图重新渲染的过程。这个更新过程是Vue响应式系统的核心部分,确保当数据模型发生变化时,视图能够自动更新以反映这些变化,生命周期更新更新流程是根据新数据,生成新的虚拟DOM,随后与旧的虚拟DOM进行比较最终完成页面更新,即完成了Model→View的更新。
2024-05-18 15:48:45
159
原创 Vue-自定义指令
-- 引入Vue.js文件 --><h2>当前的n值是:<span v-text="n"></span></h2><h2>放大10倍后的n值是:<span v-big="n"></span></h2><button @click="n++">点我n+1</button></div>//阻止Vue在启动时生成生产提示new Vue({data: {n: 1},//自定义指令})</script>
2024-05-18 15:09:04
276
原创 Vue-directives
</div>//阻止Vue在启动时生成生产提示new Vue({data: {},methods: {},},watch: {},//自定义指令})</script>
2024-05-17 07:59:34
212
原创 Vue-绑定style样式
什么是绑定style样式?什么是绑定style样式?在Vue.js中绑定 style 样式指的是将 HTML 元素的 style 属性与 Vue 实例的数据动态连接起来。根据 Vue 数据的变化来自动更新元素的内联样式。绑定style样式(对象式写法)
2024-05-15 18:15:49
201
原创 Vue-computed
计算属性(computed)是使用声明式方式定义,只依赖于响应式系统的其他数据。是惰性的,只有当依赖项发生变化时才会重新计算,可以提高性能,避免不必要的计算。如果多个地方使用相同的计算属性,Vue 会复用计算结果,而不是每次都重新计算。会跟踪它们的响应式依赖,当依赖项更改时,计算属性会自动重新计算。在Vue.js中computed是是一个组件选项,它用于定义计算属性,计算属性是基于它们的响应式依赖进行计算的属性。当计算属性依赖的响应式数据发生变化时,计算属性会重新计算。什么是computed?
2024-05-15 09:16:59
197
原创 Vue-键盘事件
什么键盘事件?什么键盘事件?在Vue.js中键盘事件是用户与计算机交互时由键盘操作产生的事件。在 Web 开发中,键盘事件可以用来监听和响应用户的键盘输入,这在实现搜索功能、快捷键、表单处理以及提供无障碍体验方面尤为重要。键盘事件。
2024-05-15 07:38:40
349
原创 Vue-事件修饰符-链式
在Vue.js中的链式是指先执行什么操作再执行上面操作,也就是可以链式执行的操作,连贯起来。什么事件修饰符的链式?什么事件修饰符的链式?
2024-05-15 07:22:13
200
原创 Vue-事件处理
什么是事件处理?什么是事件处理?在Vue.js中,事件处理是实现用户界面交互的关键机制。允许开发者监听 DOM 事件,并在这些事件发生时执行 JavaScript 代码。Vue 提供了一种声明式的事件处理方法,使得开发者可以在模板中直接将事件与响应函数关联起来,事件处理。
2024-05-14 22:03:00
200
原创 Vue-多层级结构
在Vue.js中多层级结构是指当出现同一个数据属性名相同时如何处理嵌套数据的插值,即在data对象中再定义一个自定义名的对象。
2024-05-14 07:53:33
209
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人