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