這次要介紹的部分是vue的開頭

首先決定vue要作用的區塊
在el中定義生效的element

var vm = new Vue({
  el: "#root",
})

然後在html中建立相對的區塊

<div id="root">

</div>

在data中定義要由vue帶到網頁的資訊

var vm = new Vue({
  el: "#root",
  data: {
    title: "讓資料美美的#2",
    introduce:"基本上vue的功能是用來填前端網頁的空格"
  },
})

在網頁中利用{{變數名稱}}來顯示在網頁上

<div id="root">
  <h1>{{title}}</h1>
  <h2>這次要介紹的部分是vue的開頭</h2>
  <p>{{introduce}}</p>
</div>

也可以利用v-for來抓取 json或是陣列的值

<tr v-for="datas in table">
      <td>{{datas.position}}</td>
      <td>{{datas.Amount}}</td>
</tr>

此部分的程式碼https://codepen.io/FanWay/pen/opzNRw
在這個部分可以知道，vue是可以幫忙將資料寫入網頁，在有需要將大量的資料引入網頁時，將會非常的方便