Vue2.x 模板語法,條件渲染,列表渲染渲染
Vue2.x Router,Vuex
集成Vue2.x
Vue2.x常用知識點? 20%? ?
Vue2.x核心技術(shù)? 30%
? ? ? 認識vue
? ? ? 模板語法,v-bind屬性綁定,事件綁定
? ? ? ?條件渲染,列表渲染,Class于Style綁定
集成Vue2.x
Vue-cli,? Vue代碼規(guī)范,Vue組件調(diào)試方法,Vue-ROUTER,VUEX(狀態(tài)管理)
模板語法
認識Vue文件結(jié)構(gòu)(template,script,style)
模板語法包含插值,指令(指令縮寫)
v-html="template"? ?inner html = template
v-bind:propertyName = “”? 屬性綁定? ? :propertyName
v-on:click = "method"? @click ="methodName"
new Vue({
el:"",
data:{
},
method:{
},
computed:{
}
})
計算屬性(數(shù)據(jù)聯(lián)動)? 和? 偵聽器(異步),使用場景
條件渲染
v-if,v-else,v-else-if,v-show
列表渲染
V-for? 和 v-if結(jié)合使用, v-for? 高級使用
Class于Style綁定
v-text {{}} v-html
v-on:click="" @click=""
new Vue({
el:"",
data:{
? ? },
? ? methods:{
? ? },
? ? computed:{
? ? },
? ? watch:{
? ? }
})
面向dom編程,面向數(shù)據(jù)編程
屬性綁定? ? 雙向數(shù)據(jù)綁定
v-bind:title? :title? v-model
計算屬性和偵聽器
v-if 和 V-show的使用方式
局部組件和全局組件
props
Vue實例? 掛載點? 組件(vue實例)
父組件向子組件傳值是通過屬性的方式傳遞的
Vue引入方法的時候需要用括號(習慣),Vue引入其他組件的時候不能用括號(今早調(diào)了一晚上)