初學Vue.js

來源:互聯網
上載者:User

標籤:image   boot   tps   定義   收信   img   html元素   索引值   name   

首先肯定是開啟官網查看文檔了,沒想到我太高估了自己,看的我頭暈也不知道到底說了個啥。沒辦法,只能另尋他法,好在有菜鳥教程。然而我還是想多了,不稀飯一點點看下去,只想快點明白它到底說了個啥。嗯,找來找去找到了偶能理解的方式了(帶著問題學起來輕鬆些,要不然會被腦子的各種疑問煩到啥都幹不了)。每個人接收資訊以及處理資訊的方式都不同吧,找到適合自己的就行。好了,不廢話了,進入本文:

  1. new Vue()這是幹啥?
    1).啊,這個好猜,前面有關鍵字new,肯定是執行個體化類啊。文檔裡這樣寫的:

    2).new後面的格式明顯像JSON資料格式啊,只不過索引值沒有加引號;
  2. el, data表示的又是啥?
    1).el後面的值明顯表示的是div的id啊,後面修改成class名也可以,或者tagName(元素名稱)也可以。那就是表示插入Vue值的父元素了,表現形式多樣哈。看下人家官網文檔的正宗解釋:

    2).data裡的資料可以輸出到頁面,那這裡就是類的資料了,官網文檔:data。我又看的頭大,不管了,先理解到這裡。
  3. {{message}}這是輸出Vue的資料?
    好吧,這種雙大括弧的方式看著還沒順眼。人家這麼定義的,你有什麼疑問也沒用。OK,下一題。看了下文檔,偶淺顯的理解為將Vue的資料插入到Html元素中的格式。官網文檔:插值。
小結:Vue.js就是通過特定的文法格式顯示或操作html元素(先膚淺的理解到這裡)。發現有園友寫的很好:http://www.cnblogs.com/rik28/p/6024425.html

初學Vue.js

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.