響應式： 數據變化，視圖自動更新
接下來使用一個例子來體現一下什么是響應式
案例一：
訪問數據，視圖自動更新
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><!--準備容器 -->
<div id="app"></div><!-- 引包 -->
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.js"></script><!-- 創建實例 -->
<script>var app=new Vue({el:'#app',data:{str1:'hello',str2:'你好'}});
</script>
</body>
</html>ctrl + shift +j 打開控制臺模擬一下響應式變化
?
?
訪問誰就會產生相應的變化
案例二：
修改數據，視圖自動更新
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><!--準備容器 -->
<div id="app">
{{msg}}</div><!-- 引包 -->
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.js"></script><!-- 創建實例 -->
<script>var app=new Vue({el:'#app',data:{msg:'你好'}});
</script>
</body>
</html>修改前?
通過控制臺改變數據，可以看到視圖隨著數據的變化而自動更新
?
?
