線上書籍

Home

Vue Js

一、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