-
Vue.component('todo-item',{
template:'<li>item</li>'
})全局組件
查看全部 -
ToDoList無須注冊(cè)即可使用,數(shù)據(jù)存儲(chǔ)在用戶瀏覽器的html5本地?cái)?shù)據(jù)庫(kù)里,是最簡(jiǎn)單最安全的待辦事項(xiàng)列表應(yīng)用!
查看全部 -
1.計(jì)算屬性 computed: {}
1.1表示這個(gè)屬性是由其他屬性計(jì)算出來的
1.2屬性計(jì)算有個(gè)好處
當(dāng)first last 沒改變時(shí) ?會(huì)使用上一次的緩存值 ?不會(huì)再次計(jì)算
只有兩個(gè)中的一個(gè)改變時(shí)才會(huì)重新計(jì)算 ?性能高
2.偵聽器 watch：{}
2.1會(huì)監(jiān)測(cè)某一個(gè)數(shù)據(jù)或?qū)傩缘淖兓??一旦發(fā)生變化就可以在監(jiān)聽器里面寫一些業(yè)務(wù)邏輯
技巧：通過監(jiān)聽fullname計(jì)算屬性 而不需寫倆個(gè)監(jiān)聽器
查看全部 -
在vue-cli中定義data時(shí)，不再是對(duì)象，而是以function函數(shù)的形式返回對(duì)象
而es6中可以省略"function"
查看全部 -
局部組件demo
查看全部 -
v-if----==false刪除
v-show------false ? ? display:none
查看全部 -
計(jì)算屬性computed：一個(gè)屬性通過其他屬性計(jì)算而來
偵聽器watch：
查看全部 -
v-text：會(huì)轉(zhuǎn)義標(biāo)簽
v-html:不會(huì)轉(zhuǎn)義標(biāo)簽
v-on:綁定事件可以簡(jiǎn)寫成@
查看全部 -
vue-cli data的正確使用，以及template模板的使用
查看全部 -
①綁定指令（將data綁定到標(biāo)簽里比如title：v-bind：title="title"）：v-bind可以簡(jiǎn)寫成：
②v-model:雙向數(shù)據(jù)綁定
查看全部 -
v-bind的簡(jiǎn)寫是冒號(hào)。
例子：
<div :title="title">
hello world
</div>
雙向數(shù)據(jù)綁定：
v-model
查看全部 -
指導(dǎo)簡(jiǎn)寫：? v-on:? ?@? ? ? ?v-blind:? ?:
雙向數(shù)據(jù)綁定指令：v-modal
查看全部 -
v-on:? ?簡(jiǎn)寫? ?@
{{content}}? 插值表達(dá)式? ? 也可以寫成 <div v-text="content">或者<div v-html="">? ??
v-text:? ? 輸出? ? ?<h1>hello</h1>
v-html:? 輸出? ?hello? ?（hello有h1的樣式）
new Vue({
? el:'#root',
data:{
?cotent:'hello'
},
methods:{
? ?handleClick:function(){
? ?this.content="world"
}
}
})
查看全部 -
v-text不會(huì)將內(nèi)容進(jìn)行轉(zhuǎn)義為帶有格式的
例如：<h1>hello world<h1>只會(huì)輸出為<h1>hello world<h1>。
而v-html則會(huì)轉(zhuǎn)義成
例：hello world（帶有h1格式的）
查看全部 -
new Vue({
el:"#root",
template:'<p>hello {{msg}}</p>',
data:{
msg:"hello world"
}
})
在這個(gè)代碼中，要以英文逗號(hào)為分割點(diǎn)。
查看全部
舉報(bào)