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需要制定一個區域罷了(可能也不需要,剛開始學,後邊會修正)。