Time: 20190911
到本篇文章为止,我们在前面的文章中学习了如何将JS中的数据传到HTML模板中,最终转化为DOM在浏览器显示。
Vue在这个过程中扮演了怎样的角色呢?
Vue会时刻监视着data
对象的变化。下面看一个例子:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<!-- <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script> 生产环境 -->
</head>
<body>
<div id="app">