vue 的"响应式"是什么意思/ Object.freeze( ) 阻止数据响应

<p id="inpChange"> vue实例创建后，弹出窗口: newV.message==data.message
</p>

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>

//创建数据对象
var data={
message:"good good study"}

//创建一个新实例newV ，并把上面的数据对象data添加到这个newV实例中
//添加created这个声明周期钩子函数(created 钩子可以在实例被创建后执行代码)

var newV=new Vue({
el:"#inpChange",
data:data,
created:function(){
          alert(this.message)
          alert(this.message==data.message),
          alert(this.message="day day up"),  //修改实例中this.message 的值
          alert(this.message==data.message)  //此时结果为true，说明data 这个数据对象的message 值也随之修改了（双向响应）
},
});

例子说明：

//创建数据对象
var data={
message:"good good study"}

 

//创建一个新实例newV ，并把上面的数据对象data添加到这个newV实例中