vue
文章平均质量分 66
殊序
请不要当真!
展开
-
Vue-事件处理
Vue.js 为 v-on 提供了事件修饰符来处理 DOM 事件细节,如:event.preventDefault() 或 event.stopPropagation()。2.Vue未提供别名的按键,可以使用按键原始的key值去绑定,但注意要转为kebab-case(短横线命名)(1).配合keyup使用:按下修饰键的同时,再按下其他键,随后释放其他键,事件才被触发。5.Vue.config.keyCodes.自定义键名 = 键码,可以去定制按键别名。(2).配合keydown使用:正常触发事件。原创 2024-09-07 21:28:34 · 568 阅读 · 0 评论 -
Vue-条件渲染
3.备注:使用v-if的时,元素可能无法获取到,而使用v-show一定可以获取到。注意:v-if可以和:v-else-if、v-else一起使用,但要求。特点:不展示的DOM元素未被移除,仅仅是使用样式隐藏掉。(被打断后面的结构将不会解析)不展示的DOM元素直接被移除。结构不能被“打断”。原创 2024-09-09 17:17:33 · 363 阅读 · 0 评论 -
Vue-计算属性
在 Vue.js 中,计算属性(computed properties)是基于它们的依赖进行缓存的属性。与方法不同,计算属性会在其依赖的数据发生变化时重新计算,而在依赖未改变的情况下,它会返回之前的计算结果,从而提高性能。:计算属性会根据其依赖的响应式数据进行缓存,只有当依赖的数据发生变化时,计算属性才会重新计算,使得计算属性在性能上比方法更优。:计算属性是声明式的,可以直接在模板中使用它们,就像使用普通的数据属性一样。以下从插值语法,methods方法,计算属性三种方法实现姓名案例。原创 2024-09-07 21:56:54 · 402 阅读 · 0 评论 -
Vue-数据代理
Vue中数据代理就是通过Object.defineProperty()把data对象中所有的属性添加到vm上,且数据从data到vm中的过程,又为每一个属性添加上getter和setter方法,用户修改或者读取时,也是通过getter或setter方法访问_data,_data返回或操作data中的数据实现的。运行后打开控制台可以看到,属性已经被已添加到对象中,观察控制台可以发现新增属性同原有属性颜色不一样,新增属性是区别于原属性的,因为使用。,可以看到,属性都做了数据代理,也就是通过。原创 2024-09-07 15:29:52 · 826 阅读 · 0 评论 -
Vue-监视属性(侦听属性)
监视就是对内置对象的状态或者属性变化进行监听并且做出反应的响应,在 Vue.js 中,监视属性(watchers)是用于观察 Vue 实例中的数据变动的一种机制,当需要在数据变化时执行异步或开销较大的操作时,适合使用监听属性。原创 2024-09-09 16:42:29 · 894 阅读 · 0 评论 -
Vue-列表渲染
值主要是供 Vue 内部使用的。它用于帮助 Vue 跟踪每个节点的身份,以便在更新时能够高效地重新渲染组件。2.语法:v-for="(item, index) in xxx",key="yyy"这里用index作为key值,点击再添加一个药物后,这里会引发顺序不一致的问题。对数据的逆序添加、逆序删除等破坏顺序操作,仅用于渲染列表用于展示。(2).旧虚拟DOM中未找到与新虚拟DOM相同的key,数组、对象、字符串(用的很少)、指定次数(用的很少)创建新的真实DOM,随后渲染到到页面。1.用于展示列表数据。原创 2024-09-09 18:31:30 · 507 阅读 · 0 评论