动态组件渲染为 Cascader,所有选项为空的 Bug

var meting_api='https://api-meting.geekswg.top/api?server=:server&type=:type&id=:id&r=:r'今天封装一个简易动态表单组件的时候遇到了一个的 Bug 分享下,避免踩坑。我使用动态组件来加载一些表单组件,对于大多数组件来说,插槽(slot)是不必要的,但有些控件则需要。比如 el-select ,需要 slot...

发布于 笔记

vue3 中的 v-model

var meting_api='https://api-meting.geekswg.top/api?server=:server&type=:type&id=:id&r=:r'在原生组件中使用 v-model1<input v-model="name" /> v-model 是本质上是一个语法糖,上面的代码其实等价于下面这段 (编译器会对 v-model ...

发布于 Vue3

vue3 ref() 响应式源码浅析

var meting_api='https://api-meting.geekswg.top/api?server=:server&type=:type&id=:id&r=:r'官方解释 ref 接收一个内部值并返回一个响应式且可变的ref对象。ref 对象具有指向内部值的单个property .value如果将对象分配为 ref 值,则通过 reactive 函数使该对象具有高度的响应式。...

发布于 Vue3

vue3 响应式原理笔记

var meting_api='https://api-meting.geekswg.top/api?server=:server&type=:type&id=:id&r=:r'v2响应式原理 Object.defineProperty()方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象。 对象:其核心是递归 object 的每一个属性,(这也是浪费性能的地...

发布于 Vue3