Vue基礎知識

2021-09-23 15:23:24 字數 960 閱讀 9975

vue.js的基本使用

1.引入vue.js

(1).cdn

(3).模組化安裝

npm i vue -d/-s

cnpm i vue

yarn add vue

2.初始化vue(1).必須有乙個html容器, 決定vue.js的作用範圍

(2).初始化

new vue(options)

* data 資料

(3).資料繫結(宣告式渲染)

} 

} }

推薦的

mustauch語法糖: 雙大括號語法 } 支援js語法

注意事項

模板中的 this 指的是 new vue得到的例項 , 在模板中 this可以省略不寫

data選項在根例項中是物件, 除了跟例項以外是函式

如何啟用瀏覽器中 vue detools工具(這是vue.js特有的除錯工具,在谷歌商店中安裝):在伺服器環境下執行檔案即可啟用

vue.js源**簡單學習

vue.js原始檔中,可以看見它使用了匿名函式,這很有用處

1.匿名函式 (function(){}) ()特點:

嚴格模式

嚴格模式使用,讓這個匿名函式的語法更加的標準和嚴格

三行**的學習

第一行: 不匯出object 也不匯出 undefined

第二行, 如果我們想模組化引用vue,那麼我們要通過amd將vue函式定義為模組

第三行, 如果我們想將vue作為全域性變數使用,那麼我們將vue掛在在window物件身上

VUE基礎知識

1 全域性定義 每個元件的命名不可重複 2 字串模板 缺乏語法高亮,可讀性較差 1 屬性 屬性書寫方式 props type name list 屬性時單向資料流,不可在子元件更改父元件傳遞的值,可通過onchange方法修改。2 事件 3 插槽 插槽是元件的一塊html模板,其顯示與否由父元件決定...

Vue基礎知識

資料雙向繫結 指令帶有v 的,表示vue特有的屬性,他們會在渲染的dom上,應用特殊的響應式行為 或者 click me v model 會忽略所有表單元素的 value checked selected attribute 的初始值 而總是將 vue 例項的資料作為資料 你應該通過 j ascri...

vue基礎知識回顧

vue主旨 運算元據,不操作dom 元件 例項 1 兩種安裝方式 a,script引入 b,使用v cli腳手架搭建模組化專案 2 掛載點 模板與例項 3 vue例項中的資料data 事件 事件 click.方法 methods 4 vue中的屬性繫結 屬性名 和雙向資料繫結 v model 5 v...