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...