VUE基礎知識點整理

純知識點整理，適合vue小白（不小心點了發布 /淚目）

1，指令 v-bind:id=『domid』 //屬性值繫結(縮寫:id=『xx』)；v-on:click=『add』//事件處理(縮寫@click=『xx』)；v-if='seen』條件； v-for=『todo in todos』；

data: ,,,

],demo:

},methods:

},computed:

},watch:

})vue.component('todo-item', }'

})-----html：-------------------------------

}. }: }

}2，生命週期鉤子的函式：

3，事件修飾符。由點開頭的指令字尾表示。

.stop

.prevent

.capture

.self

.once

.passive

.once

.passive

按鍵.enter .tab .delete .esc.space.up.down.left.right

.sync修飾符

當你需要雙向資料繫結時，會導致資料流混亂，所以推薦使用update:mypropname 的模式觸發事件取而代之。即

子元件：this.$emit(『update:title』, newtitle)

父元件：

等同於：

帶有 .sync 修飾符的 v-bind 不能和表示式一起使用

可以串用順序很關鍵

4， v-model 指令在表單、及元素上建立雙向資料繫結。繫結的值通常是靜態字串 (對於核取方塊也可以是布林值)

data: function () 
}

6，父元件子元件通訊：子元件呼叫內建的 $emit 方法並傳入事件的名字，來向父級元件觸發乙個事件，父元件用v-on 在博文元件上監聽這個事件，就像監聽乙個原生 dom 事件一樣，父級元件監聽這個事件時，可以通過 $event 訪問到被丟擲的值；（事件名推薦用kebab-case而非駝峰格式）

父子 prop 之間是單向下行繫結：父級 prop 的更新會向下流動到子元件。每次父級元件發生更新時，子元件中所有的 prop 都將會重新整理為最新值。你不應該在子元件內部改變該 prop，否則資料流向難以理解。

元件：

內容：enlarge text

7，插槽，使用自定義元件時內容輸出位置

8，動態元件：

元件名隨currenttabcomponent變化而變化

9，區域性註冊：區域性註冊的元件在其子元件中不可用

new vue(
})var componenta = 
var componentb =

10，其他：

vm.userprofile = object.assign({}, vm.userprofile, )

submit

vue.component('async-webpack-example', function (resolve) )