vue語法
插值
1. 文本:{{}}
2. html: v-html
3. html屬性: v-bind
4. 表達(dá)式:{{flag?Yes:No}}
條件語句
1. v-if ,v-else,v-else-if(v-else,v-else-if必須跟在v-if或者v-else-if之后)
2. v-show(只是改變display 的值缔恳,結(jié)點(diǎn)依然在Dom中)
循環(huán)語句
1. v-for(使用v-for需要為每一項添加一個唯一的key)
事件
1. 語法:v-on:click="表達(dá)式或者方法名稱"? 或者@click = "表達(dá)式或者方法名稱"
樣式綁定
1. class屬性綁定
? ? 1) v-bind:class = {active:isActive}對象綁定(單個或者多個)
? ? 2) class="static"
????3) :class="[activeClass,errorClass]"數(shù)組綁定
2. sytle屬性綁定
? ? 1) :style="{active:isActive}"(json格式)
? ? 2) :style= "static"
? ? 3) :style ="[activeClass,errorClass]"(注意向后問題土砂,同樣的樣式只用前面的爹梁,忽略后面的)
計算屬性
1. computed (處理一些復(fù)雜邏輯很有用)(是一個屬性涎永,所以使用時不需要夾())
監(jiān)聽屬性
1.? vue.js監(jiān)聽屬性watch,我們可以通過watch來響應(yīng)數(shù)據(jù)變化?
vue.js表單輸入綁定
1. v-model (標(biāo)簽或者組件必須有value屬性和input事件)主要包括 <input>,<textatea>,<select>(checkbox),(redio)等
vue組件
1. 組件系統(tǒng)讓我們可以用獨(dú)立可復(fù)用的小組件來構(gòu)建大型應(yīng)用。
2. 組件命名必須用中劃線,(html標(biāo)簽不區(qū)分大小寫)
Vue聲明周期
1.生命周期圖解
2. 生命周期鉤子函數(shù)(beforeCreate、created、beforeMount、mounted稼钩、beforeDestroy、destroyed)
Vue問題總結(jié)
1. 使用方放不需要用this
2. 方法最好用箭頭函數(shù)
學(xué)習(xí)總結(jié)
1.?方法的寫法
2.使用
3.樣式使用方法
? ? 1)class綁定
? ?????(1)對象綁定(可與普通屬性共存)
????(2)數(shù)組綁定
2. 綁定內(nèi)聯(lián)樣式
? ? (1)對象語法
? ? (2)數(shù)組語法