<!DOCTYPE html>
<html lang="en">
? ? <meta charset="UTF-8">
? ? <title>Title
<div id = "app">{{message}}
<script src="../js/vue.js">
? ? //let（變量）? const（常量）? var沒有作用域（早期js有缺陷）
? ? //let name = 'why';
//name = 'kobe';
? ? //編程范式：聲明式編程
? ? const app =new Vue({
el:'#app', //用于掛載需要管理的元素? ? 讓這個實例Vue管理
? ? ? ? data:{//定義數(shù)據(jù)
? ? ? ? ? ? message:'你好啊 哈嘍'
? ? ? ? }
})
//js做法(編程范式：命令式編程)
? ? //1.創(chuàng)建div元素? 設(shè)置id屬性
? ? //2.定義一個變量叫message
? ? //3.將message變量放在前面的div元素中顯示
? ? //4.修改message數(shù)據(jù)? 將修改后的數(shù)據(jù)替換到div元素
</html>
