是时候使用JSX代替createElement了 接着上面的讲，当我们看到上面用createElement去实现组件，太麻烦了，别说工作效率提高了，就是那些嵌套可以嵌套正确就很赞了，所以我们需要用JSX去简化整个逻辑。当年我做项目的时候就遇 ...

这是我第20篇简书。 1、组件通信 （1）父子通信 ① props-$emit ② $refs 短信验证码、图形验证码组件我经常用$refs this.$refs.captcha= 'xxx' ③ 子组件$children[0] 并不保证顺 ...

什么是插槽？ 在vue中通过slot可以向组件中指定位置插入内容。 正常情况下调用一个组件的时候，组件显示的内容为com-input组件中模板的内容。可是想在调用组件的时候给组件添加内容，该怎么办呢 ...

之前先接触了ElementUI,然后后面又接触了Ant Design，在这里做个对比，希望通过对比这两前端ui框架，能够更加深入的了解和使用这些框架。 表格对比 ...

vue 2.6.0 中，为具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令)。它取代了 slot 和 slot-scope 这两个目前已被废弃但未被移除且仍在文档中的 attribute。新语法的由来可查阅这份 RF ...

1、props 父传子的属性，props 值可以是一个数组或对象; // 数组:不建议使用 props:[] // 对象 props:{ inpVal:{ type:Number, //传入值限定类型 // type 值可为Str ...

slot基本使用 在子组件中，使用特殊的元素就可以为子组件开启一个插槽。 该插槽插入什么内容取决于父组件如何使用。 我们通过一个简单的例子，来给子组件定义一个插槽： 中的内容表示，如果没有在该组件中插入任何其他内容， ...

先简单列一下在实现树组件的过程中一些值得关注的节点。 ~ 如何调用组件自身 由于树是一个递归的数据结构，必然需要对组件自身的递归调用。 我们只需给组件指定name属性，即可以在组件内部直接使用。此处需要注意的是每次调用都会生成一个独立的作用 ...

随着 Vue的使用越来越广泛，出现了几种最佳实践并逐渐成为标准。在本文中，主要分享在平时开发中一些有用资源和技巧，废话少说，我们开始吧。1.始终在 `v-for` 中使用 `:key`在需要操纵数据时， ...