金色海洋

属性，多乎哉不多也。 原生HTML5提供了一些属性，然后UI库又在此基础上扩展了好多属性，所以与其说学习UI库，倒不如说是学习这些属性都是啥意思。 当然平时在使用的时候还是挺轻松的，设置需要的属性就好，其他的用到的时候再去看就好。 但是感觉哪里不对的样子。 这样是不是更优雅了一…

ref（0）vs reactive({value: 0})放在一起，似乎好像是一样的，但是只能说实现的功能是一样的，而且我们也确实可以这么做，但是vue内部却并不是这么实现。 我们还是用事实来说话。 通过对比就会发现，reactive 是Proxy代理，有Handler和tar…

网上关于watch的介绍有很多，但是一般都是按照官网的套路来介绍，比如监听一个属性，监听多个属性等等。 找了一下没找到，也许这个问题比较基础吧，都不需要介绍的。 然后自己犯傻开始开脑洞，结果浪费时间了不是。 其实想一想，这种麻烦事，vue怎么可能交给别人来处理呢？内部肯定有方法…

先不用管有没有意义，套上再说，于是有了这样的代码。 按照网上介绍，写了这个Proxy的函数，然后满心欢喜的套上了reactive，然后绑定模板设置更新按钮。 结果更新后p反映没有。 不对呀，不是把操作交给reactive了，没有理由不刷新模板呀。 跟了几次终于看明白了，原来se…

表单控件又不可能把所有类型的框架都封装进去，这在以前都是很头痛的问题，如果是需要修改封装好的代码才可以实现的话，那就太郁闷了。 但是现在在Vue里面，至少有两种解决方案，还都挺优雅的。 Vue的组件有插槽这个功能，一开始还没想起来，这的多谢好友“@我滴神”的提醒，才想起来可以用…

话说UI库提供的功能是越来越强了，比如这个 element 的 Cascader 实在是太强大了，拿过来准备好数据就可以直接使用了。 另一个就是想小改一下数据结构。 Cascader 默认的数据结构是前端非常喜欢的“套娃”式结构，这个嘛前端正常，但是对于后端来说就很头痛了，因为…

我们都知道Vuex是专门为Vue开发的一套状态管理方式，换个角度来看呢，就是给Vue2.x的不足之处打补丁的方式。 像 getter、action都是为了实现代码复用而采取的方式，就连module也是因为不方便单独编写管理模块而设计的。 而在Vue3的环境下，以及没有这些不足了…

也许这个问题比较基础吧，找了半天也没找到，有的说要安装插件，有的说要改什么配置，晕晕的，害得我一直以为工程化的开发环境下无法直接进行调试呢，直到有一天，偶然发现了。。。（另外这是vue3，没试过vue2 是啥样的。） 以往的经验呢，想要调试我们写的js代码，会按F12 找到 S…

开始尝试做自己的状态管理。 我么可以写一个单独的js文件，然后用import的方式引入进来，然后我们就可以做统一的处理了。 在函数内部定义 userInfo，然后在return的时候加上readonly作为限制，这样可以就以避免误操作而导致直接改变状态。 这里获取状态有两种方式…