菜鳥Vue學習筆記(二)

2021-09-19 13:22:09 字數 356 閱讀 3070

菜鳥vue學習筆記(二)

今天天氣不錯,心情也不錯,最近學習vue越來越順利了,今天接著學習,接著記錄。

首先,來學習下常用的v-bind屬性,它的作用是在屬性中使用vue中定義的變數的值。

恩,很簡單嘛,那麼如果需要顯示文字和變數一起怎麼辦呢?檢視

原來如此,需要拼接字串啊,好像v-bind:可以簡寫為:,我在下個例子中試試。

接下來我試試樣式的繫結。

不錯,真的可以簡寫,而且樣式的繫結好像跟其他的有點不一樣。

那麼,事件的繫結呢?

原來是使用v-on來繫結事件操作,而且還可以使用@代替v-on。

好吧,今天就到這裡吧,下次我再試試表單元素的雙向繫結。

菜鳥Vue學習筆記(三)

菜鳥vue學習筆記 三 本週使用了vue來操作表單,接下來說下vue中雙向繫結表單元素的用法。vue中雙向繫結是使用的v model,所謂的雙向繫結即改變變數的值,表單元素的值也會改變,同樣的,改變表單元素的值變數的值也會改變。例如 使用者資訊為 是不是非常簡單?常用的文字框,密碼框等用法都基本相識...

菜鳥Vue學習筆記(三)

菜鳥vue學習筆記 三 本週使用了vue來操作表單,接下來說下vue中雙向繫結表單元素的用法。vue中雙向繫結是使用的v model,所謂的雙向繫結即改變變數的值,表單元素的值也會改變,同樣的,改變表單元素的值變數的值也會改變。例如 使用者資訊為 是不是非常簡單?常用的文字框,密碼框等用法都基本相識...

JAVA學習筆記系列 菜鳥Vue學習筆記(四)

菜鳥vue學習筆記 四 上週學習了使用vue來操作表單元素進行資料雙向繫結,今天我們來學習下vue中的元件,vue中的元件作用就是去封裝一些常用的頁面標籤,將其當做乙個整體,以便在其他位置直接使用一組標籤。例如 這是定義了乙個全域性的元件,在其他位置使用方式為 好,我們初步的認識了元件,感覺它就像乙...