1、Vue
阿新 • • 發佈：2018-12-21
一、起步
原理：
Vue.js資料驅動的原理在於View層的檢視發生改變時，Vue會通過DOM Listeners來監聽並改變Model層的資料。
反之，當Model層的資料發生改變時，也會通過Data Bingings來監聽並改變View層的展示。從而實現雙向資料繫結的功能。
例如：jQuery通過操作DOM來改變頁面的顯示，而Vue通過操作資料來實現頁面的更新與展示。
這樣我們就能很直觀的理解資料驅動的意思了。
MVVM 是Model-View-ViewModel 的縮寫，它是一種基於前端開發的架構模式，
其核心是提供對View 和 ViewModel 的雙向資料繫結，這使得ViewModel 的狀態改變可以自動傳遞給 View，即所謂的資料雙向繫結。 Vue.js 就是一個提供了 MVVM 風格的雙向資料繫結的 Javascript 庫，專注於View 層。它的核心是 MVVM 中的 VM，
也就是 ViewModel。 ViewModel負責連線 View 和 Model，保證檢視和資料的一致性。
申
宣告式渲染
<div id="start"> {{message}} </div> var start = new Vue({ el: "#start", data: { message: "helloWorld,helloVue!" } })
- el:Vue需要操作的元素節點
- data屬性:每個 Vue 例項都會代理其
data物件裡所有的屬性。注意只有這些被代理的屬性是響應的。如果在例項建立之後新增新的屬性到例項上，它不會觸發檢視更新。
常用指令介紹
v-cloak：還沒有載入完vue.js會出現閃爍問題，這個可以解決
v-text：會覆蓋元素中的文字內容
v-html：html 會覆蓋元素中的文字內容
v-bind：繫結屬性可以簡寫為 :屬性名
v-on： 繫結事件 可以簡寫為 @事件名
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
[v
未完待續