【vue3】导入的配置和普通的数组,他们是否存在响应式

背景#

有的时候我们需要将组件的配置以文件的形式导入,那导入的配置需不需要使用ref或者reactive处理成响应式对象呢?
答:不用,貌似导入的配置会有响应式,但是通过isRefisReactiveIsProxy方法去鉴定的时候返回的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: []
  })
}
posted @   ^Mao^  阅读(78)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET10 - 预览版1新功能体验(一)
历史上的今天:
2021-09-22 Vue项目中使用Vue-Quill-Editor富文本编辑器插件
点击右上角即可分享
微信分享提示
主题色彩