VUE的基本使用

cn.vuejs.org

src="vue.js">

script>

data: }

msg: "資料"

},methods: }})

v-text / v-html

插入文字兩者的區別和innertext innerhtml 區別一樣

v-show

css級別的顯示隱藏，display: none v-show=」true | false」

v-if v-else-if v-else

html元素是否渲染，能夠實現和v-show一樣的效果，但是和v-show原理不一樣

v-for

v-for=」item in list」

v-for=」(item, index) in list」

v-for=」value in object」

v-for=」(value, key) in object」

v-for=」(value, key, index) in object」

盡量的給v-for的元素新增 唯一的key :key=」index」

v-on

繫結事件

《標籤 v-on.click=」methods中的方法名」>

Vue的基本使用

1.例項引數分析 2.插值表示式用法 3.陣列相關api 3.1 變異方法 修改原有資料 3.2 替換陣列 生成新的陣列 3.3 修改響應式資料 前段渲染方式 2.指令 2.1 資料繫結指令 2.2 資料響應式 2.3自定義指令 3.事件繫結 3.1vue如何處理事件？3.2事件函式的呼叫方式 3....

VUE基本使用

建立前呼叫this.currdate fun 方法 created function mounted function watch else 出勤checkbox 請假值 檢查，乙個為真，另外乙個設定為false singleout data function tmp else 1 html頁面呼叫...

vue基本使用

注意事項 掛載點要使用id選擇器 掛載點不能是ntml或者body標籤 doctype html en utf 8 viewport content width device width,initial scale 1.0 安裝vue title imgsrc alt changeimg 換圖 bu...