本文推荐几个比较流行的 VUE3 UI 框架，同时提供出色的开发人员体验，合理利用，又或者学习借鉴都是不错的选择，排名不分先后。

Vue3中新增了几种创建响应式数据的方法，其各自的作用当然也不尽相同，每一种方法都有其自己的应用场景，今天我们来聊聊什么是ref toRef和toRefs？三者在使用方式上有什么不同？最佳的使用...

什么是Hooks？它的优点在哪？为啥vue和react都认为它是未来？小春我想和大家简单聊一聊关于Hooks的来龙去脉。

阅读更多系列文章请访问我的GitHub博客，示例代码请访问这里。 v-pre可以用来阻止预编译，有v-pre指令的标签内部的内容不会被编译，会原样输出。 如果已知页面内部有大段内容无需编译，使用v-pre指令阻止编译可以提高性能，同时可以防止页面内有可能导致Vue编译出错的代码…

操作元素的class列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用 v-bind 处理它们：只需要通过表达式计算出字符串结果即可。 表达式结果的类型除了字符串之外，还可以是对象或数组。 上图的语法表示 Font 这个 class 存在与否将取决于数据属…

Vue2选项式API(option api) 优点：简单，各选项各司其职；缺点：不方便功能复用；功能代码分散维护代码横跳

父组件定义了personal这个值。在父组件接口中给这个值重新赋值。 子组件接受这个值,浏览器console能看到这个值，但是取不到属性的值。 所以，其实我们子组件一开始根本就没有取到这个personal这个对象。

1. 父子组件传值 ，只涉及普通属性和展示。 解释例子：A.vue 作为子组件，B.vue作为父组件。他们的所处深度一样，即在同一个文件夹下。 接收的时候验证： props:{ "title":{type:String}} ，这是另一种接收方式， 此时，props是一个对象，它…

通过 props 传递 函数 看看有啥用。 可以看到 chirden 组件在中 使用 props.add() , 调用的是 父组件的方法。