什么是响应式?

表达式: 用于表达式进行插值,渲染到页面之中

语法: {{ 表达式 }}

案例







响应式:数据的变化可以触发到界面

响应式语法:可以将任何类型的值转换为响应式数据

import { ref } from 'vue'; //用于引入组件,相对于java中的导包

const reactiveVar = ref('这是响应式变量');

普通变量和响应式的区别(当一个修改的区域块,同时出现了普通和响应式,两者都会是响应式)

响应式:修改响应式的值之后,页面可以发生改变



什么是响应式?_第1张图片

点击后

什么是响应式?_第2张图片


普通变量:当我们修改普通变量的值之后,页面中显示的值并不会发生改变





什么是响应式?_第3张图片

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