Yesterday: http://www.reibang.com/p/20a4ad2199e3
創(chuàng)建一個(gè) Vue 實(shí)例，代碼如下：
var vm = new Vue({
// 選項(xiàng)
})
對(duì) JavaScript 有一點(diǎn)了解的都知道雳殊，這就是把一個(gè)普通的類進(jìn)行實(shí)例化瞬场，這樣我們才能進(jìn)行使用弹澎。
在昨天的 Hello World 中，就使用了這么一個(gè)實(shí)例。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Hello World</title>
<script src="vue.js"></script>
</head>
<body>
<div id="app">
{{ msg }}
</div>
<script>
var app = new Vue({
el: '#app',
data: {
msg: 'Hello World'
}
})
</script>
</body>
</html>
實(shí)例內(nèi)部的 el、data 都是一些早已定義好的固定選項(xiàng)朽寞，每個(gè)選項(xiàng)有各自的方法和功能≌独桑肯定不僅僅只有這兩個(gè)選項(xiàng)那么少的啦脑融。可以參考 Vue API 文檔缩宜。
文檔鏈接：
今天就說(shuō)一下昨天 Hello World 實(shí)例里面的 el 肘迎、data 選項(xiàng)的用法。
“ el ” 選項(xiàng)：
提供一個(gè)在頁(yè)面上已存在的 DOM 元素作為 Vue 實(shí)例的掛載目標(biāo)∧に危可以是 CSS 選擇器窿侈，也可以是一個(gè) HTMLElement 實(shí)例。
說(shuō)得通俗一點(diǎn)秋茫，就是 JavaScript 的 id、class乃秀、html 標(biāo)簽 選擇器肛著。選中的標(biāo)簽跟它內(nèi)部的標(biāo)簽會(huì)變成一個(gè)掛載器，就是那個(gè)標(biāo)簽里面可以使用 Vue 實(shí)例 里面的一些特殊方法跺讯。在掛載器外面的標(biāo)簽無(wú)法使用 Vue 實(shí)例 里面的方法枢贿。
“ data ” 選項(xiàng)：
我就不引用文檔里的話了，其實(shí)就是定義變量刀脏，把變量都放到 data 花括號(hào)的里面局荚，可以是任意類型。
data: {
msg: "text", // 字符串
num: 123, // 數(shù)字
list: [], // 列表
obj: { // 對(duì)象
}
}
data 選項(xiàng)中的數(shù)據(jù)可以在掛載器中使用愈污，如何使用耀态，在后面的例子中很容易就可以看出來(lái)≡荼ⅲ可以暫時(shí)參考昨天的 Hello World 首装，可以用雙花括號(hào) {{}} 加載相應(yīng)的數(shù)據(jù)。后面講的指令也會(huì)用到 data 里面的數(shù)據(jù)杭跪。
Vue 實(shí)例就先講這么多仙逻，其實(shí)也沒啥好說(shuō)的，會(huì)一點(diǎn) JavaScript 的都知道只是把一個(gè)類實(shí)例化涧尿，然后使用系奉。
