Vue與 jQuery

vue是以資料來進行操作，jQ則是以DOM來操作。
有人說兩者無法比較，不過要比也是可以，至於要選擇哪個，可以視專案的大小、生命週期來決定。

• 如果專案週期短、畫面要超炫砲，還是用jQ會比較方便，但就會容易產生邏輯組織分散、很糾結又扭曲的麵條式程式碼
• vue的話會較好維護、適用在資料呈現

可以參考：
脫離資料分散的問題，從 jQuery 換到 Vue.js
給jQuery愛好者的Vue.js 2教學手冊
jquery和vue對比
vue與jq的比較。

一小堆指令們...

onclick

我們先到官網來瞧瞧那些常用的事件處理指令們，第一個看到就是使用頻率超高的onclick="something"，而在vue中要改成

v-on:click="something"

以前都只會用jQuery在.js檔裡面寫

$('.className').click(function(){ ... })

連on都不會用，更別說再html裡onclick了，趁這次找了.on('click')跟.click()的差別：
關鍵字是較少記憶體、動態(快來不及了先給關鍵字)
Stack overflow:Difference between .on('click') vs .click()
JQuery事件處理 .click 與 .on()到底哪裡不同

用on調用自定義method

new Vue(){
    其他屬性...
    methods:{
        methodName: function(){ ... }
    }
}

html寫成：

<a href="#" v-on:click="methodName">click me</a>

preventDefault()

官網點選事件修飾符。
阻止預設事件發生，例如click me，點它會造成置頂，我們可以在.js檔中用preventDefault()阻止。在vue裡面更方便，寫成：

<a href="#" v-on:click.prevent="methodName">click me</a>

這時不置頂，且methodsName裡面的程式碼照樣運作

其他指令

官網搜尋API 指令。
會看到常用的if、for...還有v-on縮寫的寫法都在這個頁面裡面，多看多多益善。

今天實在時間沒抓好，沒有寫出很多實例又有點偷懶一直丟官方連結，明日改進～小弟尚有要事，先跪安了