VUE實戰 學習筆記(一)

2021-09-23 18:54:24 字數 2265 閱讀 6841

="hello"

>

}<

/h1>

}<

/h2>

"link"

>

<

/span>

<

/div>

<

/template>

export

default

, data:()

=>;}

,//mounted階段$el已經掛載,可以進行dom操作了

mounted:

function()

,1000);

}};<

/script>

="hello"

>

}<

/h1>

}<

/h2>

"link"

>

<

/p>

}<

/p>

<

/div>

<

/template>

export

default

, data:()

=>;}

,//mounted階段$el已經掛載,可以進行dom操作了

mounted:

function()

,1000);

}};<

/script>}中可以使用簡單表示式和三元運算子,但是不能定義變數和使用流控制語句

}<

/p>

}<

/p>

}<

/p>

<

/div>

<

/template>

其實我更喜歡叫它為裝飾器

="hello"

>

}<

/h1>

}<

/h2>

"link"

>

<

/p>

}<

/p>

}<

/p>

}<

/p>

}<

/p>

}<

/p>

<

/div>

<

/template>

export

default

, data:()

=>;}

,//mounted階段$el已經掛載,可以進行dom操作了

mounted:

function()

,1000);

},filters:}}

;<

/script>

//串聯用法

}//接受引數(第乙個引數將會是value本身)

}

帶有字首v-的屬性就是指令(directives)

"200" height=

"100" v-bind:src=

"imgurl"

/>

"changeimgurl"

>設定<

/button>

<

/div>

... data:()

=>;}

, methods:

},表示當被修飾的事件被觸發時將會呼叫「=」後的方法。

"200" height=

"100" v-bind:src=

"imgurl"

/>

"changeimgurl"

>設定<

/button>

<

/div>

... methods:

},縮寫效果和全寫效果一致,如下例「:src」等同於「v-bind:src」:

"200" height=

"100"

:src=

"imgurl"

/>

"changeimgurl"

>設定<

/button>

<

/div>

"200" height=

"100" v-bind:src=

"imgurl"

/>

"changeimgurl"

>設定<

/button>

<

/div>

VUE實戰 學習筆記(二)

計算屬性不能輸入引數。計算屬性是對 複雜表示式 資料 的聚合,並不一定是個純函式,但是最好能用乙個純函式作為計算屬性。lesson2 div template export default data methods computed script add scoped attribute to li...

Vue實戰筆記

1 元件的屬性 例子 class hello props name demo title 我是title title是原生屬性,當inheritattrs為false時,原生屬性不顯示 2 事件 3 插槽 4 如何觸發元件的更新 vue在例項化的時候,會對data裡的資料進行getter和sette...

機器學習實戰學習筆記(一)

簡單來說 k 近鄰演算法 knn 採用測量不同特徵值之間的距離演算法進行分類 優點 精度高 對異常值不敏感 無資料輸入假定 缺點 計算複雜度高 空間複雜度高 適用資料範圍 數值型和標稱型 工作原理 存在乙個訓練樣本集,樣本集中每個資料都存在標籤。輸入沒有標籤的新資料後,將新資料的每個特徵與樣本集中資...