![](https://img-blog.csdnimg.cn/20190924162051237.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue
文章平均质量分 70
bdawn
JS全栈|软件工程师,负责公司所有前后端项目的开发和管理。
展开
-
深入了解vue自定义组件之v-model
官方文档地址v-model大多用于input组件,默认会利用名为 value 的 prop 和名为 input 的事件,但是像单选框、复选框等类型的输入控件可能会将 value 特性用于不同的目的可以使用组件的model来自定义prop和事件自定义checkbox组件<template> <div> <label>我是label&...原创 2019-10-07 12:37:14 · 226 阅读 · 0 评论 -
深入了解vue自定义组件之插槽slot
vue插槽官方文档地址vue中,自定义组件一般只需要新建一个vue模板文件,根据需求定义组件样式即可,如下自定义组件文件 MyComponent.vue<template> <div> {{msg}} </div></template><script> export defaul...原创 2019-09-19 14:43:28 · 2978 阅读 · 1 评论 -
深入了解vue自定义组件之Prop
Prop就是在组件上自定义的特性官方文档基本使用方式组件文件:PropDemo.vue<template> <div> <p>{{myMsg}}</p> </div></template><script> export default { nam...原创 2019-09-30 14:39:10 · 1605 阅读 · 0 评论 -
深入了解vue自定义组件之$listeners
官方文档地址$listeners是vue提供的一个对象,里面包含了所有作用在这个组件上的监听器。比如你要自定义一个input组件,需要监听input获取焦点的事件你可以这样做自定义组件代码<template> <div> <input type="text" v-on:focus="handleFocus" v-on:input="h...原创 2019-10-07 15:15:44 · 1233 阅读 · 0 评论