从下拉列表组件开发理解 Slot 和 Scoped Slots - Think In Vue（分享自 @知乎 专栏） · 作者：@KingMario O从下拉列表组件开发理解 Slot 和 Scoped Slots O从下拉列表组件开发理解 Slot 和 Scoped Slots ​

从下拉列表组件开发理解 Slot 和 Scope...

Slot 是在组件模板中设置的用于在父组件中插入其孙子组件的插槽。 Scoped Slots 允许在 Slots 中绑定当前组件的数据，然后经由父组件绑定到其孙子组件的 props 中传递给孙子组件。

2017年06月29日 00:31 来自 分享按钮

今晚 20:00 的#sf讲堂#， VMware Frontend Tech lead、Vue 生态建设积极参与者 -- KingMario 将在【组合火力的威力——Vue Dropdown 组件开发示例】讲座中通过 Dropdown 组件开发的演练，展示其组合火力的威力，讲座传送门：O网页链接
本次讲座通过一个 Dropdown 组件开发的演练，展示 Vue ​ 展开全文c

今晚 20:00 的#sf讲堂#， VMware Frontend Tech lead、Vue 生态建设积极参与者 -- KingMario 将在【组合火力的威力——Vue Dropdown 组件开发示例】讲座中通过 Dropdown 组件开发的演练，展示其组合火力的威力，讲座传送门：O网页链接
本次讲座通过一个 Dropdown 组件开发的演练，展示 Vue 框架在类绑定语法、数据、响应、事件、组件内容、父子组件间通信以及生命周期钩子等方面多种组合火力的威力，解决了如下组件开发中遭遇的问题：
- 下拉列表如何打开、关闭，如何同时绑定由布尔数据控制的开关类和采用字符串传递的位置类？
- 选择下拉选项时关闭下拉列表，事件绑定在哪里，下拉选项自身的事件如何绑定？
- 如何区分根级及子级下拉菜单进行位置合法性校验，并将非法属性值改为默认值？
- 点击外部时关闭下拉列表，事件绑定在哪里，组件销毁后，如何解除事件绑定？
- 多级下拉菜单，子级关闭，关闭状态如何“冒泡”？
- 多级下拉菜单，如何阻止子级的切换按钮点击事件冒泡？
- 多级下拉菜单，父级关闭，子级如何“联动”关闭？
- 多级下拉菜单，选择下拉选项时不关闭，则选择兄弟选项时，如何关闭次级菜单？ 收起全文d

2017年06月28日 19:15 来自 微博 weibo.com

没想到吧，Vue 组件的计算属性可以这样写 - Think In Vue（分享自 @知乎 专栏） · 作者：@KingMario O没想到吧，Vue 组件的计算属性可以这样写 ​

没想到吧，Vue 组件的计算属性可以这样写

看到这样一个问题，组件选项中的数据部分如下： export default { data () { return { form: { isInline: true, submitLabel: '提交' }, formFields: [ { label: '城市', type: 'select', prop: 'city_id', placeHolder: '请选择城市', cityItems: [ // 城市列表信息，使用 AJAX 从后端获取 ] }, // 其他字段略 ] } }, // 其他选项略 } 题主希望通过 AJAX 从后端获取城市列表数据，保存在 vuex 中的 commonModule 公共模块的 cityList 状态中，并且能够在获取成功后传递给 cityItems，希望了解这样一个数据传递的操作放在组件选项的哪里比较合适。

2017年05月12日 20:43 来自 分享按钮

开发一个简单指令理解 Vue 的 v-model 语法糖 - Think In Vue（分享自 @知乎 专栏） · 作者：@KingMario O开发一个简单指令理解 Vue 的 v-model 语法糖 ​

开发一个简单指令理解 Vue 的 v-model...

后三种语法糖即使不深入理解，也可以直接应用，然而如果没有充分理解第一种语法糖，那么就可能遇到一些奇怪的问题。 编写一个自定义指令，使得在文本输入框中输入的敏感词（如：f..k）自动删除，并更新通过 v-model 指令所绑定的 Vue 实例数据。 自定义指令定义对象包含若干钩子函数，我们在 update 钩子函数里实现相关功能： Vue.directive('exclude', { update: function (el, {value}) { try el.value = el.value.replace(new RegExp(value, 'gi'), '') } catch (e) { } } }) 其中 {value} 是 ES6 的解构语法，可以在函数体内通过 value 直接获取参数对象的 value 属性。为避免修改指令参数对应的 Vue 实例数据时导致 new RegExp 出错，这里的赋值语句使用 try ... catch 进行错误捕获。

2017年03月16日 16:57 来自 分享按钮

Pull request [vuejs/vue] Modifier keys v-on modifier for keyboard event && Spelling correct &&… by KingMario via GitHub ​

2016年12月01日 14:26 来自 IFTTT_Official

Pull request [vuejs/vue] Modifier once for v-on by KingMario via GitHub ​

2016年11月21日 21:12 来自 IFTTT_Official

Pull request [vuejs/vue] Modifiers key modifier for directive on of Vue.js 2.0 by KingMario via GitHub ​

2016年10月26日 13:02 来自 IFTTT_Official

回复guoer:经测试，返回的结果与文中不一致，请检查 //guoer:回复@KingMario:你是理解有误，这要看每种借口的响应数据时什么样的。应该响应数据大概就三种： 1，带code和data的 2，只有code 3…——评论七牛开发者中心「 批量操作（batch） | 七牛云存储 」O网页链接 ​

2015年02月11日 16:26 来自 多说评论框

回复@KingMario:新年叫醒我的不只是梦想，还有红包！ //@KingMario:是啊。27万道题目，这辈子也做不完了，支持中英双语识别，讯飞超级给力啊

2014年01月10日 10:51 来自 Android客户端

KingMario通过专业哈佛性向测试，获得了70分，等级居然是 “真男人”，这也太不可思议了吧！快来看看你的等级：O404 Not Found ​

2012年01月10日 09:41 来自 育儿网_哈佛性向测试