代码拉取完成,页面将自动刷新
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="app">
<p>{{foo}}</p>
<button v-on:click="foo = 'baz'">Change it</button>
</div>
<script src="./js/vue.js"></script>
<script>
// 当一个 Vue 实例被创建时,它将 data 对象中的所有的 property 加入到 Vue 的响应式系统中。当这些 property 的值发生改变时,视图将会产生“响应”,即匹配更新为新的值。
// var data = {
// a: 1
// };
// const vm = new Vue({
// data: data
// })
// console.log(vm.a, data.a);
// vm.a = 2;
// console.log(data.a, '修改vm.a');
// data.a = 3;
// console.log(vm.a, '修改data.a');
var obj = {
foo: 'bar'
};
Object.freeze(obj);
new Vue({
el: '#app',
data: obj
})
</script>
</body>
</html>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。