自己怎么做网站免费的,网站专题建设方案,wordpress页脚内容居中,电子产品网页设计模板ref声明/赋值
操作基本类型数据 string number
// 引入方法
import {ref} from vue
// 声明变量
const name ref(A)
// 修改值
name.value Breactive声明/赋值
操作引用类型数据 array object proxy不能直接赋值#xff0c;会破坏响应式对象
// 引入方法
import {reacti…ref声明/赋值
操作基本类型数据 string number
// 引入方法
import {ref} from vue
// 声明变量
const name ref(A)
// 修改值
name.value Breactive声明/赋值
操作引用类型数据 array object proxy不能直接赋值会破坏响应式对象
// 引入方法
import {reactive} from vue
// 声明变量
const infoObj reactive({title: 小记,date: 2023-11-17
})
// 修改值
const changeInfo (){infoObj.title 小记-修改infoObj.date 2023-11-17-修改
}hooks模块化抽离
HelloWorld.ts
import { reactive } from vue;export default () {const infoObj reactive({title: 小记,date: 2023-11-17})const changeInfo (){infoObj.title 小记-修改infoObj.date 2023-11-17-修改}return { infoObj, changeInfo}
};HelloWorld.vue
templatebutton clickchangeInfo修改信息/buttondiv标题{{infoObj.title}}/divdiv日期{{infoObj.date}}/div
/template
script setup langtsimport HelloWorld from ./HelloWorld//自动识别后缀ts的文件const {infoObj, changeInfo} HelloWorld()
/script
