最近开发组件的时候，自定义开发了开关(switch)组件，现将代码整理如下，方便日后复用。 toggle-switch.vue　　 <template> <label role="checkbox" :class="['switch ...

自定义指令：以v开头，如：v-mybind。 这时页面初始化时，input中会显示this is mybind-bind。 通过directives注册自定义指令mybind，每一个自定义指令中又提供若干钩子，如示例中的bind， bind的作用是定义一个在绑定时执行一次的初始化动作，观察 ...

定制 select 标签的设计非常困难。有时候，如果不使用样式化的 div 和自定义 JavaScript 的结合来构建自己的脚本，那是不可能的。在本文中，你将学习如何构建使用完全自定义 css 设置样式的 vue.js 组件。 html 需要注意以下几点 ...

代码如上，引用自己引用下 ...

分为三个部分:1.template模版： 1 2 ...

新建一个Switch组件 在父组件中引入 效果如下 ...

我们在开发组件时有时需要和父组件沟通，此时可以用自定义事件来实现 组件的事件分为自定义事件和原生事件，前者用于子组件给父组件发送消息的，后者用于在组件的根元素上直接监听一个原生事件，区别就是绑定原生事件需要加一个.native修饰符。 子组件里通过过this.$emit()将自定义事件以及需要 ...

可以在自定义组件上使用v-model实现双向绑定。在使用新功能之前，我们先来了解一下vue.js的v-model是如何实现双向绑定的。从官方文档以及各种技术文章中,我们可以知道，v-model是v-bind以及v-on配合使用的语法糖，给一个详细的例子: 两种 ...