后端人員學習Vue歷程(一)


背景

  本人為.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確實挺好用的(真香..)

 

    

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM