iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 28
0
Modern Web

線上讀書會-2016 年學 JavaScript 是一種什麼樣的體驗系列 第 28

react vs vue

[線上讀書會] 育軒 主講 vue.js 入門

https://www.youtube.com/watch?v=kxq4ZHXf6S0&t=367s (前六分鐘沒錄到聲音)

v-if 可以用data在樣板中判斷 if else
v-bind:src 魔法糖可以用:src 主要是在取得data的資料
v-for 把data 迴圈取值
v-on:click="要觸發的methodName" 事件觸發 可以使用簡寫 @:click
v-model: 2way bind 跟 angular的很像

Vue init 格式大概長這樣 滿直覺的

...
var app=new Vue({
  el="#app",           //這邊跟 react相似 找一個dom點掛進去
  data:{...},          //這個scope中可以存取的 data
  computed:{...},      // 邏輯處理
  method:{...},         // 事件觸發
  computer:{...}
});
...

生命週期

再New Vue()時候可以先
init資料之後就會進入 beforeCreate跟init Event接著就進入實體create
Observe Data ---> init Event -->....
要再進入實體就先把資料準備好嚕,不然會有問題

自創元件
創建完後就可以直接使用元件名稱在html中了

Vue.component('元件名稱',{
    template:"#name-tempalte", //這個可把html中的樣板拉進來用
    prop:["firstName","lastName"],
    data:{...},
    computed:{...}
}

react Vs vue 個人學習心得

1.vue可以使用樣板 開發 很適合習慣看到樣板的朋友開發,reactjs要用hot reload去調整
2.vue有黑魔法語法糖,學習門檻比較低 ,一天就可以基本入魂上手
3.react 要學習的東西比較多才能有整個輪廓
4.react有 reactNative 滿豐富的支援 Learn Once Write EveryWhere
5.react組件單獨抽離可重複利用
6.react程式碼因為風格確定所以可讀性高

因為vue polo還在入門中 所以只能簡單報告心得 , 如果有任何想法歡迎加入線上 vue.js 讀書會
已經開跑了歐

https://www.facebook.com/groups/616281401885574/?fref=ts


上一篇
typescript 入門
下一篇
react vs angular
系列文
線上讀書會-2016 年學 JavaScript 是一種什麼樣的體驗30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言