背景
本人為.Net后台一只小菜鳥,看到很多地方開始用vue.js。開玩笑能有Jquery好用?於是決定學習一下,一探vue的究竟。
開始安裝
百度搜索“vue安裝”,咋還需要node.js什么的。什么東西,這么麻煩,不學了,再見........不對呀,我就用用js為啥還需要安裝這些呢。不管了,官網下載vue.js到本地,引入項目。沒錯,這就行了。
開始學習
打開vue.js官網, Vue (讀音 /vjuː/,類似於 view) 是一套用於構建用戶界面的漸進式框架。與其它大型框架不同的是,Vue 被設計為可以自底向上逐層應用。卧槽,不明覺厲,好像特別NB的樣子,關閉,再見........不對,再往下看看。
<div id="app"> {{ message }} </div> var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } })
感覺好像挺簡單的,照着試試。好像挺簡單的。現在數據和 DOM 已經被建立了關聯,所有東西都是響應式的。我們要怎么確認呢?打開你的瀏覽器的 JavaScript 控制台 (就在這個頁面打開),並修改 app.message
的值,你將看到上例相應地更新。這是個啥,照着說的看看,我去,還真的可以,雖然不知道什么原因,但是感覺好厲害的樣子。
接下來:v-bind:.. 綁定特性
v-on:.. 綁定事件,(方法在methods寫在中)
v-model= 在input、select、textarea、checkbox、radio綁定模型
好像挺簡單的,嗯嗯.... 組件系統是..... 我去,這什么,看都看不懂,算了不看了,今天就先到這了。好像vue確實挺好用的(真香..)