入門 Vue，只須要知道這 4 點就夠了

一、說那四點前，先用 npm 構造項目，並看看目錄結構。

1.1 用 npm 全局安裝 vue 的命令行工具

npm install --global vue-cli

1.2 建立一個基於 webpack 模板的新項目
vue init webpack my-project

1.3 進行項目目錄，並運行
cd my-project; vue run dev

1.4 目錄結構
|
| - build : 項目構建（webpack）相關代碼
| - config : 配置目錄，能夠在 index.js 文件中修改端口號
| - node_modules : npm 依賴模塊
| - src : 要開發的目錄，要作的事情基本都在這個目錄裏。包含：
| - - assets : 放圖片
| - - components : 組件文件
| - - App.vue : 項目入口文件
| - - main.js : 項目的核心文件
| - static : 靜態資源目錄，如圖片、字體
| - .xxxx 文件 : 配置文件、包括語法配置，git 配置等
| - index.html : 首頁入口文件
| - package.json : 項目配置文件
| - README.md : 項目說明文檔，markdown 模式

二、Vue 起步

2.1 Vue 實例

var vue = new Vue({
    var data = {msg: 'This is data'};

    el: '#app',
    data:data,
    methods:{
        details: function(){
            return "This is a method"
        }
    }

    document.write(vue.$data === data); // true
});

2.2 使用特色
    2.2.1 內容格式爲 Json 格式；
    2.2.2 Vue 實例三部分構成
        第一部分：綁定元素字段 el:
            el: '選擇器'
        第二部分：定義屬性模塊 
            data:{
                name: value
            }
        第三部分：定義方法模塊 methods:
            methods:{
                // 變量函數
                方法名: 方法體
            }
    2.2.3 {{}} 
        用來標識要使用的變量或者方法
    2.2.4 能夠經過變量來，訪問 Vue 實例中的成員，須要用 $ 符號聲明
        vue.$el

掌握這四個特色，就入門 Vue 了。