02.VUE3-vue调试插件使用，setup语法糖使用，响应式数据，计算属性
一、浏览器调试
1.插件下载地址：
2.搜索下载
3.打开开发者模式，并将插件拖入
4.浏览器显示调试工具
二、setup使用语法糖
1.语法糖写法，来支持name
配置插件
2.数据与方法绑定
三、响应式数据，数据如果不是响应式，修改了数据，页面不会跟着变
1.ref定义响应式数据：可以定义基本类型和ref类型
使用ref方式：
ref调试显示
2.数据修改注意事项
<template>页面显示不用写value,<scipt>也就是js使用修改时需要写value
3.reactive定义响应式数据：只能定义对象类型
4.toRefs使用
正常解构 let {name,age}=person 时，修改name不会去修改person.name，如果使用toRefs修改name时person.name也会跟着修改。
四.计算属性
1.v-model：双向绑定，修改页面数据跟着变
2.计算属性
页面调用，计算属性自己写变量名不用加括号
计算属性页面调用多次只计算一次，除非参与计算的值变了，添加get() set() 方法可以使计算属性方法变成可读可写的
赞(1)
赏