& lt; !——属性的名字——比;
& lt;:[名字]=皍rl”比;…& lt;/a>
& lt; !——计算属性sss和年代——比;
& lt; img:[瑞士]="/img/test.png”/比;
& lt; !——方法change1和change2——比;
& lt; img: [change1 ()]=" change2()/比;
数据:{
名称:“href”,
瑞士:“src”
}
之前
注意:要避免空格和引号等,且需要小写,可使用计算属性来应对复杂表达式,都需要使用[]
计算可使用get/set
计算:{
前(){
返回“最高”
},
名称:{
get () {
返回this.name
},
集(val) {
this.name=瓦尔
}
}
}
之前
计算可缓存,但不可传参,会根据数据中的属性变化而变化,即是根据响应式依赖来变化,而日期不是响应式依赖,即不会变化,方法则每次都会进行计算,但可传参。
看用于处理异步或开销较大的操作,如输入搜索时。
<李>直接对象或变量对象李
<李>计算属性李
<李>直接样式或风格对象李
& lt; !——属性名可加引号也可不加,属性小驼峰——比;
& lt; div:在样式3 & lt;/div>
<李>,数组结合三目/数组结合对象李
数据:{
isActive:没错,
activeClass:“活跃”
}
& lt; !——使用数组时变量和字符串需要通过引号来区分——比;
& lt; div: class=" [isActive & # 63;activeClass”、“errorClass”):“在& lt;/div>
& lt; !——使用对象时类名不加引号可表示变量也可表示字符串——比;
& lt; div: class="[{活跃:isActive}, ' errorClass ']“祝辞& lt;/div>
之前
可使用模板包裹元素,模板会被当成不可见的包裹元素
& lt;模板v=皁k”比;
& lt; h2> Title
& lt; p>段落1 & lt;/p>
& lt; p>段落2 & lt;/p>
& lt;/template>
多条件判断
& lt; div v=" type===一个”比;
一个
& lt;/div>
& lt; div v-else-if=" type===B”比;
B
& lt;/div>
& lt; div v-else-if=" type===C”比;
C
& lt;/div>
& lt; div v-else>
不是A/B/C
& lt;/div>
之前
添加关键防止vue重复利用不想被重复利用的元素,如下的输入如果不添加键,则vue会重复使用钥匙,进而输入的值值在切换后还会被保留,因为vue仅仅替换了占位符
& lt;模板v=" loginType===用户名”在
& lt; label> Username
& lt;输入占位符=笆淙肽挠没奔?皍sername-input”比;
& lt;/template>
& lt;模板v-else>
& lt; label> Email
& lt;输入占位符=笆淙肽牡缱佑始刂贰奔?癳mail-input”比;
& lt;/template>
之前
v是组件的销毁和重建,如果初始条件为假,则什么都不做,直到变为真,所以切换开销高,运行条件很少改变时适用
v-show是显示:没有和块之间的CSS切换,基于渲染,不管初始条件如何都会渲染,所以初始渲染开销高,切换频率高时适用
<李>可使用,或者的李
<李>也可遍历对象:v=?价值、关键指数)在obj”李
<李>可根据模板渲染多个组合元素:李
& lt; ul>
& lt;模板v=跋钕钅俊痹?
& lt; li>{{项目。味精}}& lt;/li>
& lt;李类=胺指簟弊４? lt;/li>
& lt;/template>
& lt;/ul>
v代表优先级更高,所以v会重复运行于每个v代表循环中,所以尽量不要一起使用,可先使用计算属性对数据进行过滤再遍历。
<李> Vue。集(对象、关键值)
<李>。美元集(对象、关键值)
<李> this.items。拼接(指数,1,newValue)
<李>批量添加属性:李
//不要直接Object.assign(这一点。项目,{年龄:18岁}
这一点。项=对象。分配({}。项目,{
年龄:18岁
favoriteColor:“Vue绿色”
}）
之前
