自定义组件有两种形式,一种是全局的自定义组件,另一种是写在Vue里面的受挂载容器限制使用的。 1.全局自定义组件:Vue.component(id, [definition]) 组件中也包含生命周期,几乎Vue中有的组件里也都有。但是注意,在组件中定义的这些属性、数据、方法等只会在组件里生效。 并且组件中的data是一个方法,不同于在Vue...
v-model主要利用的是组件中的value属性和input事件,但是有时候,value值和input事件有其他的作用,比如单选框和复选框,这个时候我们就需要自定义v-model。主要引用的就是model属性,设置默认绑定的值和事件。上个官网的栗子: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 Vue.component('base-checkbox', { ...
作用域插槽:就是绑定了属性的插槽,即为预留插槽提供属性对应的值。这样可以直接把插槽的内容传递给使用插槽的组件。如下插槽中绑定了user属性,那么在使用插槽时,就可以用一个变量去接收插槽定义中的属性了。 3. 自定义指令 当指令第一次被绑定到元素后,就会立即触发指令中的bind函数; 形参el表示当前指令所绑定的那...
自定义指令实现条件判断、参数绑定等功能。绑定时触发bind函数，参数el指向当前指令绑定的DOM元素对象。指令传值通过第二参数接收值的value属性，保证指令配置的灵活性。自定义指令的bind和update函数内的逻辑体可简写，表示函数功能相同。Eslint作为JavaScript代码检查工具，通过配置规则增强代码质量，保障代码的...