1. 入門

一、Hello World ：https://jsfiddle.net/webugm/udnxmt38/

1. cdn 引入

   <script src="https://unpkg.com/vue@2.3.4"></script>
   

2. 實體化

   new Vue({
   el: "#app",
   data: {
   message: "Hello world！"
   }
   });
   

3. 顯示樣板

   <script src="https://unpkg.com/vue@2.3.4"></script>
   <div id="app">
   <h1>{{ message }}</h1>
   </div>
   

二、Vue Js 介紹

1. 官網：https://vuejs.org/
2. 中文：https://cn.vuejs.org/

三、建立本地端的開發環境（簡單的方法）

1. 首先至github建立一個數據庫，clone 回本地端
2. 建立bootstrap3框架： http://getbootstrap.com/getting-started/#download
3. 將Vue.js 下載至本地端
4. 建立index.html
5. github： https://github.com/webugm/vue
6. 網址：http://vue.ugm.com.tw/index.html
7. 

2. 基礎知識

一、使用模板

1. 聲明式渲染：https://jsfiddle.net/webugm/8umq5a65/
2. 綁定DOM元素的屬性：https://jsfiddle.net/webugm/3gue816v/

二、方法

三、關於ES6箭頭功能的單詞

四、指令介紹

 

2-1 指令

3. vs code

1. 設定 .tpl 為 html

   "files.associations": {
   "*.tpl": "html"
   }

    

2.