颜酱

vue 组件的数据通信方式很多，本篇着重讲作用域插槽slot。 slot的基本用法，这里不再赘述。 本篇强调的是，怎么通过slot来实现通信。准备来说，是在父组件里显示子组件给slot暴露的数据。 因为vue版本的原因，父组件使用slot的形式不一样，2.6.0以上使用新版本s…

vue 组件的数据通信方式很多，本篇着重讲ref/$refs，神助$nextTick。 作用：获取节点或组件实例。 场景：简单的获取节点或组件实例的属性或者方法，但并不改变其数据。 缺陷：必须在模板渲染之后，不是响应式的，时不时配合$nextTick。 ref 是以属性的方式存…

vue 组件的数据通信方式很多，本篇着重讲eventBus。 先说下，要是多层级组件复杂的通信，优先vuex，不复杂的可以用下eventBus。 但是哈，Vue 实例本身就有这样的一套逻辑，我们只需要弄个实例就行，并不需要我们写上面这一坨。

vue 组件的数据通信方式很多，本篇着重讲$parent/$children，神助是$broadcast/$dispatch。 $parent/$children的常用场景：封装嵌套组件时，直接使用长辈或者子孙组件的方法，该方法并不改变数据，常常结合$broadcast/$di…

vue组件的数据通信方式很多，本篇着重讲$attrs/$listeners，神助是v-bind="$attrs"/v-on="$listeners。 $attrs/$listeners的常用场景：封装第三方组件或者表单组件，从而减少组件处理成本。 使用组件的时候，vue内部会将…

vue组件的数据通信方式很多，本篇着重讲props/$emit，神助是v-model/.sync语法糖。 其实语法糖只是在父组件用的时候更加方便，而子组件该咋样还是咋样。 子组件想要显示父组件的数据，就props。 子组件想要改变父组件的数据，就$emit。 v-model是属…

animate.css使用4.0版本以上的，一定要加前缀animate__。 vue官方文档使用的是3.1版本，所以示例代码没有前缀animate__。

笔者刚接触小程序不久，简单总结下，不对的地方欢迎指正。 官网小程序开发文档。 直接在app.json那边配置页面路径，这样会自动生成，页面的文件夹及其四个文件。 如果不配置"entryPagePath"，则 pages 里的第一个项就是首页。 只有在app.json里配置了才是…

之前看到我不能没有的 5 个 Vue.js 库，里面第一个就是Click Off to Close，最主要功能就是，在用户点击元素之外的时候触发一个事件。 此文的目标，手写自定义指令实现此功能。 功能比如自己封装一个下拉框，或者封装一个日历，希望在点击非下拉框部分，能关闭下拉框…