摘要：
style绑定 数据绑定的一个常见需求场景式操作元素的css style列表，因为style是一个Attribute，我们可以和其他Attribute一样使用v-bind，将它们和动态的字符串绑定。但是，在处理比较复杂的绑定时，通过拼接生成字符串是麻烦且容易出错的。因此，vue专门为style的v- 阅读全文
posted @ 2024-04-25 21:02
PyAj
阅读(513)
评论(0)
推荐(0)
摘要：
class绑定 数据绑定的一个常见需求场景是操纵元素的CSS class列表，因为class是Attribute，我们可以和其他Attribute一样使用v-bind将它们动态的字符串绑定。但是，在处理比较复杂的绑定时，通过拼接生成字符串是麻烦且易出错的。因此，vue专门为class和v-bind用 阅读全文
posted @ 2024-04-25 21:01
PyAj
阅读(450)
评论(0)
推荐(0)
摘要：
计算属性 模版中的表达式虽然方便，但是也只能用来做简单的操作。如果在模版中写太多的逻辑，会让模版中变得臃肿，难以维护。因此我们推荐使用计算属性来描述依赖响应式状态的复杂逻辑。 <template> <h3>计算属性</h3> <h3>{{ itaj.name }}</h3> <p>{{ itaj.c 阅读全文
posted @ 2024-04-25 21:00
PyAj
阅读(37)
评论(0)
推荐(0)
摘要：
数组变化侦测 变更方法 变更方法，顾名思义，就是对调用他们的原数字进行变更。vue能够侦听响应式数组的变更方法，并在他们被调用时触发相关的UI更新。这些变更方法包括： push() pop() shift() unshift() splice() sort() reverse() 替换一个数组 相对 阅读全文
posted @ 2024-04-25 21:00
PyAj
阅读(153)
评论(0)
推荐(0)
摘要：
事件修饰符 在处理事件时调用event.preventDefault()或event.stopPropagation()是很常见的。尽管我们可以直接在方法内调用，但如果方法能更专注于数据逻辑而不用去处理DOM事件的细节会更好。 为解决这一问题，Vue为V-on提供了事件修饰符，常用有以下几个： .s 阅读全文
posted @ 2024-04-25 20:59
PyAj
阅读(116)
评论(0)
推荐(0)
摘要：
事件参数 事件参数可以获取event对象和通过事件传递数据 获取event对象 <template> <h3>内联事件处理器</h3> <button @click="addCount">func-add</button> <p>{{ count }}</p> </template> <script 阅读全文
posted @ 2024-04-25 20:58
PyAj
阅读(379)
评论(0)
推荐(0)
摘要：
事件处理 我们可以使用v-on指令（简写为@）来监听DOM事件，并在事件触发时，执行对应的javascript。用法v-on:click="methodName"或者@click="handler" 事件处理器的值可以是： 内联事件处理器：事件被触发时执行的内联JavaScript语句（与oncli 阅读全文
posted @ 2024-04-25 20:57
PyAj
阅读(66)
评论(0)
推荐(0)
摘要：
列表渲染 v-for列表渲染 可以使用一个v-for指令基于一个数组来渲染一个列表，v-for指令的值需要使用item in items形式的特殊语法，其中items是源数据的数组，而item是迭代项的别名，item是可以改名的，和{{ }}内的名称保持一致就行，结合div或其他标签使用，可以获取列 阅读全文
posted @ 2024-04-25 20:55
PyAj
阅读(235)
评论(0)
推荐(0)
摘要：
条件渲染 在vue中，提供了条件渲染，这类似于javascript中的条件语句 v-if v-else v-else-if v-show v-if指令用于条件性的渲染一块内容，这块内容只会在指令的表达式返回真值时才会渲染。v-else指令则在前面的if指令都不满足时则执行的指令 <template> 阅读全文
posted @ 2024-04-25 20:54
PyAj
阅读(65)
评论(0)
推荐(0)
摘要：
属性绑定 双大括号不能在html attributes中使用。想要响应的绑定一个attribute，应该使用v-bind指令 <script> export default { data() { return { msg: "active", myid:"test-id" } } } </scrip 阅读全文
posted @ 2024-04-25 20:53
PyAj
阅读(144)
评论(0)
推荐(0)
浙公网安备 33010602011771号