顯示具有 [前端工程]Vue框架 標籤的文章。 顯示所有文章
顯示具有 [前端工程]Vue框架 標籤的文章。 顯示所有文章
2019年3月6日 星期三

【Vuex】Store的寫法：mutation、action、payload

›
▌Store寫法 state：資料的狀態 mutations：改變state的值， increment(state){ this.state.count++ } actions：去commit mutation increment:({commit})=>...
2019年3月3日 星期日

【專案建構】用Vue Cli快速建立專案：包括Typescript、SCSS、Router....

›
最近一直在研究如何在vue專案中使用Typescript，結果設定的好累，都不知道自己在幹嘛。後來發現其實只要用最新版本的@vue/cli 3.x ，一下就可以解決了….. https://cli.vuejs.org/zh/guide/ ▌@vue/cli 是什麼...
2018年7月21日 星期六

【Vue】Component區域註冊、全域註冊、x-template

›
1.區域註冊 （寫在new Vue裡面） <div id="app"> <people v-for="item in data" :people="item"> ...
2018年7月20日 星期五

【Vue】生命週期created、mounted、updated、activated

›
生命週期 beforeCreate created：建構資料 beforeMount mounted：掛載元件，然後開始渲染 updated activated deactivated：元件消失，但資料不會消失 beforeDestroy destroyed htm...

【vue】表格排序的寫法：icon的運用＋sort()排序

›
表格排序 範例： https://codepen.io/NishanYeah/pen/YjNPgx 箭頭的的icon 貼入fontawesome css <link rel="stylesheet" href=...
1 則留言:

【Vue】keyup+編碼或是別名修飾/@click+左右鍵/一些修飾符

›
keyup+編碼或是別名修飾 keyup+ 鍵盤編碼 （比如說１３代表enter) keyup+ 別名修飾 （enter, .tab, .delete, .esc, .space, .up, .down, .left, .right .ctrl, .alt, .sh...

【Vue】Select>option選擇題結構 / true(false)-value真假傳值 / v-model.lazy懶惰 / v-model.trim去除空白

›
選擇題 select>option select和資料串接，然後option的value會傳到select的資料裡 <h1>請選擇</h1> < select name="" id=...

【Vue】computed與methods的差別＆ watch(監視)

›
computed methods的啟用需要仰賴「事件觸發」，但computed的則會直接return資料 每個computed的function都要return一個資料 vue filterarray: function () { ...
2018年7月19日 星期四

【Vue】V-if 顯示/不顯示、頁籤的功能 /v-else-if是什麼？/ :key很重要/ v-show跟v-if的差別

›
v-if / v-else-if v-if= true則顯示dom元素/false則移除dom元素 v-else-if 跟鄰近的v-if連動 <div v-if ="isSuccess">成功!</di...

【Vue】數字迴圈、template、V-if

›
數字迴圈 可以輸出數字 <ul> <li v-for="item in 10">{{item}}</li> </ul> 1 2 3 4 5 6 7 8 9 10 template t...