Vue一下三日:Vue與jQuery,跟一些指令們- iT 邦幫忙 | vue jquery比較
![Vue一下三日:Vue與jQuery,跟一些指令們- iT 邦幫忙](https://i.imgur.com/axBPWDg.jpg)
vue是以資料來進行操作,jQ則是以DOM來操作。有人說兩者無法比較,不過要比也是可以,至於要選擇哪個,可以視專案的大小、生命週期來決定。如果專案週期短、畫面要超炫砲,還是用jQ會比較方便,但就會容易產生邏輯組織分散、很糾結又扭曲的麵條式程式碼vue的話會較好維護、適用在資料呈現可以參考:脫離資料分散的問題,從jQuery換到Vue.js給jQuery愛好者的Vue.js2教學手冊jquery和vue對比vue與jq的比較。[1][2][3][4]onclick我們先到官網來瞧瞧那些常用的事件處理[5]指令們,第一個看到就是使用頻率超高的onclick="something",而在v...
![Vue一下三日:Vue與jQuery,跟一些指令們- iT 邦幫忙](http://pix4.agoda.net/hotelimages/agoda-homes/5899847/61e1a790eeb181e40e8f262ea5a396dc.jpg?s=800x)
vue是以資料來進行操作,jQ則是以DOM來操作。有人說兩者無法比較,不過要比也是可以,至於要選擇哪個,可以視專案的大小、生命週期來決定。
如果專案週期短、畫面要超炫砲,還是用jQ會比較方便,但就會容易產生邏輯組織分散、很糾結又扭曲的麵條式程式碼 vue的話會較好維護、適用在資料呈現可以參考:脫離資料分散的問題,從 jQuery 換到 Vue.js給jQuery愛好者的Vue.js 2教學手冊jquery和vue對比vue與jq的比較。[1][2][3][4]
onclick我們先到官網來瞧瞧那些常用的事件處理[5]指令們,第一個看到就是使用頻率超高的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()到底哪裡不同[6][7]
用on調用自定義method new Vue(){ 其他屬性... methods:{ methodName: function(){ ... } } }html寫成:
<a href="#" v-on:click="methodName">click me</a> preventDefault()官網點選事件修飾符[8]。阻止預設事件發生,例如click me,點它會造成置頂,我們可以在.js檔中用preventDefault()阻止。在vue裡面更方便,寫成:
<a href="#" v-on:click.prevent="methodName">...取得本站獨家住宿推薦 15%OFF 訂房優惠
本站住宿推薦 20%OFF 訂房優惠,親子優惠,住宿折扣,限時回饋,平日促銷
脫離資料分散的問題,從jQuery 換到Vue.js – 電腦玩瞎咪 | vue jquery比較
Vue一下三日:Vue與jQuery,跟一些指令們- iT 邦幫忙 | vue jquery比較
Vue.js - iT 邦幫忙: | vue jquery比較
vue 初來乍到,問問幾個問題? - iT 邦幫忙 | vue jquery比較
簡單比較angular react vue | vue jquery比較
jquery和vue對比 | vue jquery比較
jQueryVueAngularJS有哪些區別和優缺點? | vue jquery比較
前端為什麼棄用jQuery?有這六個原因 | vue jquery比較
在vuejs中是否还需要jquery | vue jquery比較
VUE(现代库) VS jquery(传统库) | vue jquery比較
比較Vue.js 與jQuery 的差異 | vue jquery比較
Vue 與Jquery 比較. 面試vue 工程師時 | vue jquery比較
Why Vue.js? 我能不要用他嗎? | vue jquery比較
React 與Vue — 有了jQuery 為什麼要有xxx? | vue jquery比較
Vue.js与Jquery的比较分析 | vue jquery比較
前端框架jQuery 和Vue 如何选择? | vue jquery比較
Vue.js與Jquery的比較誰與爭鋒 | vue jquery比較
從「鄙視jQuery」聊起 | vue jquery比較
比較Vue.js 與jQuery 的差異 | vue jquery比較
Vue 與Jquery 比較. 面試vue 工程師時 | vue jquery比較
Vue與jQuery,跟一些指令們 | vue jquery比較
jquery和vue对比 | vue jquery比較
了解Vue、Vue的最大优势以及Vue和jQuery之间的区别 | vue jquery比較
Vue.js与jQuery相比较有何不同?各自有哪些特点和应用? ... | vue jquery比較
技术使用感受: JQuery 和Vue | vue jquery比較
vue jquery 性能高多少vue和jquery效率 | vue jquery比較
![](https://i.imgur.com/axBPWDg.jpg)