-
watch是監聽方法,監聽a的內容?
查看全部 -
method是vue的方法,通過this.屬性名獲取vue的屬性值
查看全部 -
實例化vue對象注意的點
1.類似于json創建對象
查看全部 -
vue.js的組件化:
將html js css寫到后綴名為vue的文件中
區分三種類型通過<template><script><style>三個標簽
查看全部 -
vue.js的特點雙向綁定“
在頁面上的輸入會綁定到js代碼的對象
js代碼中對象的變動調用也會改變頁面對象內容
查看全部 -
本來不困,學習了就困。查看全部
-
啊啊啊啊啊啊啊啊
查看全部 -
啊啊啊啊啊
查看全部 -
aaaaaa
查看全部 -
vue內:data,method,watch查看全部
-
vuejs的組件重要選項
查看全部 -
基本使用小結
查看全部 -
vue.js是漸進式JavaScript框架,易用,靈活(生態系統比較完善),高效
漸進式框架就是:可以根據自己項目的需求來引入組件
vue是法語中視圖的意思,Vue.js是一個輕巧、高性能、可組件化的MVVM庫,同時擁有非常容易上手的API。
查看全部 -
經常使用的vue對象
查看全部 -
1、data(存放所有的數據)
2、methods(方法,邏輯函數)
methods:{
????
doSomething:function(){
????????
?????
}
}
3、watch(監聽函數)
????
watch:{
????????
"a":function(val,oldVal){
???????????
?
console.log(val,oldVal)
????????
}
????
}
?
4、v-text={{}}(不解析帶有<p>屬性的標簽,直接輸出文字)、v-html(先解析查看是否有標簽屬性的,在輸出,安全xxs盡量不要直接輸出標簽)
?
5、v-for:?v-for="(value,key,index)?in?items"???
value:屬性值??key?:屬性名??
index:索引從0開始
?????
<ul>
<li?v-for="(value,key,index)?in?items">
<p?v-text="item.label"></p>
</li>
</ul>
???
6、v-on:click="doThis"?簡寫:@:click="doThis"?事件綁定
???
7、v-bind:src="imagesSrc"?簡寫:??
:src="imagesSrc"?動態添加屬性
??????????
[]?這class是否等于規定的,{}class是否有這個的值是否是真的
??????
?
<div?:class="{red:isRed}"></div>
???????
<div?:class="[classA,classB]"></div>
???????
<div?:class="[classA,{calssB:isB,calss:isC}]"></div>
v-if = 控制頁面是否渲染該元素,
????????????????????????????v-if="isTrue",值為isTrue對應的data值(布爾型)
????v-show = 已渲染完成,
????????????????????????????控制display=>none/block,v-show="isTrue",
????????????????????????????值為isTrue對應的data值(布爾型)
data ? methods ? watch 數據渲染 :v-text、v-html、{{}}?
控制模塊 :v-if、v-show(true/false)?
循環列表 :v-for ? ? (item in items)?
事件綁定 :v-on/@click="functionname" ?v-on:click="functionname"?
屬性綁定 :v-bind/:class="array/obj" ?v-bind:src="stylename"
查看全部
舉報