Vue開發學習記錄(六)

2021-10-19 17:27:52 字數 883 閱讀 7983

這些關鍵字作為html頁面的標籤中的屬性

1.v-model

是將標籤的value值與vue例項中的data屬性值進行繫結。

2.v-on

通過配合具體的事件名來繫結vue中定義的函式

用@簡化

type

=「text」

v-on:click

="changemajor"

/>

在method裡要想使用當前vue物件中的data裡的內容,必須加上this.

changetitle:function(event)
在響應函式裡,可以指明使用event內建的引數物件。該物件表示當前事件,可以通過event.target.value來獲得當前事件物件的value的值

3 v-bind

#插值表示式是不能放在標籤中,作為屬性

用v-bind來使用,才能使用vue定義物件裡邊的link

>

}"link"

/a>

<

/div>

插值表示式是不能寫在html標籤的屬性內,如果一定要用vue中的屬性作為html標籤的屬性的內容,就可以通過v-bind進行屬性繫結。

也可以簡寫,寫個:就行。

4 v-once

此元素資料只出現一次,資料內容修改不影響此元素

} 此時該標籤中的插值表示式,只獲取一次資料。之後資料的變化不影響此表示式的值。

5.v-html和v-text

v-html會將vue中的屬性的值作為html的元素來使用

v-text會將vue中的屬性的值只作為純文本來使用

那麼就是乙個純文字,乙個可以點的

vue學習記錄

vue從json中遍歷位址 例如v for item in getmenuitems key item.title vue從子元件靜態資料傳遞到父元件1.首先在子元件中定義乙個方法,通過按鈕觸動方法,此方法是子元件向父元件傳值 結算 methods 2.父元件在體現子元件的html結構處,繫結子元件...

Vue學習記錄 初探Vue

說完了這一些,接下來的重點,就是選型了。經過一天的搜尋,最終定位到了vue 根據vue官網的引導,搭建的過程其實很簡單 1.安裝 vue npm install vue2.命令列工具 npm install global vue cli3.初始化專案 vue init webpack office ...

機器學習 學習記錄六

本篇部落格將介紹semi supervised learning的實現方法 介紹 之前我們所介紹的機器學習所提到的資料都是帶有label的。而現實是,蒐集這些帶有label的資料並不是一件簡單的事情,但是蒐集一些不帶有label的資料就要容易很多。semi supervised learning指的...