VUE基本使用

2021-08-20 01:58:47 字數 897 閱讀 6888

//建立前呼叫this.currdate_fun()方法

created:function

(),mounted:function

() ,

watch:

else

},//出勤checkbox 請假值 檢查,乙個為真,另外乙個設定為false

singleout_data:function

(tmp)

else

}},

1、html頁面呼叫,username為vue模板的data資料

//html

規格:}

//vue js

data :,

2、繫結

.trim=

"username"

>

//currdate_data為data裡的資料

-item :title=

"'出勤日期:'+(currdate_data) + '填報人員:tt'"

>-item

>

//data :,

3、

4、

this.tmp = (val==='')?'a':'b'
5、在標籤上迴圈輸出,list為data裡的陣列

="(item, index) in userlist_data"

>

="item in list"

>

-item :title=

"item"

/>

/>

//vue js

data :,

vue基本使用

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

Vue基本使用

引入vue.js doctype html html lang en head meta charset utf 8 title vue.js測試程式 title script src vue.min.js script head html v model。雙向繫結 body div id inpu...

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