【vue3】导入的配置和普通的数组,他们是否存在响应式
背景#
有的时候我们需要将组件的配置以文件的形式导入,那导入的配置需不需要使用ref
或者reactive
处理成响应式对象呢?
答:不用,貌似导入的配置会有响应式,但是通过isRef
、isReactive
、IsProxy
方法去鉴定的时候返回的false
示例代码:
// dialog.config
const dialogFormConfig = {
formItems: [
{
type: 'input',
field: 'name',
label: '用户名',
placeholder: '请输入用户名'
},
]
}
// user.vue
import { dialogFormConfig } from './config/dialog.config'
console.log(isRef(dialogFormConfig))
console.log(isReactive(dialogFormConfig))
console.log(isProxy(dialogFormConfig))
const testArr = [10, 20, 30]
const test = () => {
testArr.push(Math.random())
console.log(testArr)
dialogFormConfig.formItems.push({
type: 'input',
field: 'test',
label: 'ceshi',
placeholder: '请输入角色',
options: []
})
}
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET10 - 预览版1新功能体验(一)
2021-09-22 Vue项目中使用Vue-Quill-Editor富文本编辑器插件