用户688360517680

v-for 在 v-for 块中可以完整地访问父作用域内的属性和变量。v-for 也支持使用可选的第二个参数表示当前项的位置索引。对应数组遍历中的(value,index) v-for="(item,

v-if v-else-if v-else 根据是否真值渲染或销毁. v-show 只是切换style的display属性 v-if 是“真实的”按条件渲染，因为它确保了在切换时，条件区块内的事件监听

:class 传递一个对象, 属性值isActive是真假值(一般是响应变量)<div :class="{active: isActive}"> <div/> :class 指令也可以和一般的 cla

使用计算属性来描述依赖响应式状态的复杂逻辑,在template中使用计算属性,提高可读性 返回值为一个计算属性 ref, 可以通过 .value访问计算结果,在模版中自动解包 Vue 的计算属性会自动

ref ref接收参数，并将其包裹在一个带有 .value 属性的 ref 对象中返回，在js中需要.value才能访问，在模板中使用 ref 时，我们不需要附加 .value当在模板中使用时，ref

模版： 基于html，能够声明式地将其组件实例的数据绑定到呈现的 DOM 上 文本插值： {{msg}} 双大括号标签会被替换为相应组件实例中 msg 属性的值。同时每次 msg 属性更改时它也会同步

创建一个应用 每个 Vue 应用都是通过 createApp 函数创建一个新的 应用实例 传入create的对象实际上就是一个组件，这就创造了一个根组件，也可以从一个单文件组件(.vue)中导入 mo