【Vue】核心特性(响应式)

响应式: 数据变化,视图自动更新

接下来使用一个例子来体现一下什么是响应式

案例一:

访问数据,视图自动更新




    
    Title




ctrl + shift +j 打开控制台模拟一下响应式变化

【Vue】核心特性(响应式)_第1张图片

【Vue】核心特性(响应式)_第2张图片 

 

访问谁就会产生相应的变化

案例二:

修改数据,视图自动更新




    
    Title




{{msg}}

修改前 

【Vue】核心特性(响应式)_第3张图片

通过控制台改变数据,可以看到视图随着数据的变化而自动更新

【Vue】核心特性(响应式)_第4张图片

 

 

你可能感兴趣的:(Vue,vue.js,前端,javascript)