【Vue3】2-4 : 声明式渲染及响应式数据实现原理

本书目录：点击进入

一、声明式渲染

1.1 什么是JS表达式：能够进行赋值的操作

▶  正确

▶  错误示例

二、示例：2秒后，页面中 message 由 hello world 变成 hi vue

▶  效果

三、原理：利用ES6的Proxy对象对底层进行了监控

一、声明式渲染

• {{ js表达式 }}

• 简洁的模板语法来声明式地 将数据渲染进 DOM

1.1 什么是JS表达式：能够进行赋值的操作

▶  正确

• {{ 'hi' }}

• {{ [1, 2, 3] }}

• {{ function(){} }}

▶  错误示例

• {{ if(true){} }}

如：if(true){} 报错

二、示例：2秒后，页面中 message 由 hello world 变成 hi vue

  
  
  
  
  


  

    {{ message }}
  
  

▶  效果

三、原理：利用ES6的Proxy对象对底层进行了监控