2. 第1個Vue頁面
阿新 • • 發佈：2021-01-30
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app">{{msg}}</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 通過引入vue.js核心檔案，引入檔案後就會得到一個Vue構造器，用來建立Vue例項，var vm=new Vue()。 建立例項時，傳入一個物件{}
- 物件內
el屬性表示當前vm例項要控制的頁面區域； - 物件內
data屬性值是一個物件，用來存放el中要用到的資料。
通過Vue提供的{{}}插值表示式，把data資料渲染到頁面。
Vue.js 使用了基於 HTML 的模板語法，允許開發者宣告式地將 DOM 繫結至底層 Vue 例項的資料。所有 Vue.js 的模板都是合法的 HTML，所以能被遵循規範的瀏覽器和 HTML 解析器解析。