Vue 學習筆記(一)

Vue.js(讀音 /vjuː/, 類似於 view) 是一套構建用戶界面的漸進式框架。

Vue 只關注視圖層, 採用自底向上增量開發的設計。

Vue 的目標是通過儘可能簡單的 API 實現響應的數據綁定和組合的視圖組件。


剛搞完一個微信小程序,處於找工作焦灼狀態中的我,開始了前端深入學習,感覺Vue和微信小程序的數據綁定很像的樣子。

順便吐槽一下微信小程序的坑,mdzz,不讓做社交,做社交要ICP證,智障!


Vue的Hello word

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 測試實例 - 菜鳥教程(runoob.com)</title>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>
<div class="HelloVue">
  <p>{{ Hello }}</p>
</div>

<script>
new Vue({
  el: '.HelloVue',
  data: {
    Hello: 'Hello Vue.js!'
  }
})
</script>
</body>
</html>
運行結果截圖

是不是感覺跟微信小程序很像!只不過微信小程序是一個頁面綁定一套數據頁面內都可以用,Vue需要制定一個區域罷了(可能也不需要,剛開始學,後邊會修正)。





發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章