vue
文章平均质量分 72
MeSKiL
这个作者很懒,什么都没留下…
展开
-
0004-global-api-treeshaking
概要尽可能多的通过命名导出api,提供给vue运行时的tree-shake的能力。基础用例import { nextTick, observable } from 'vue'nextTick(()=>{})const obj = observable({})起因随着Vue API的增长,我们不断尝试在特性和包体积间权衡。我们想要Vue的体积尽可能的小,但是我们也不想因为体积的约束去限制他的能力。通过ES模块的静态分析的友好设计,现代化的压缩过的包可以去掉ES modules里没有翻译 2021-02-01 11:05:32 · 113 阅读 · 0 评论 -
0003-dynamic-directive-arguments
概要在指令参数中支持动态值基础示例<div v-bind:[key]="value"></div><div v-on:[event]="handler"></div>起因由于指令参数是静态的,因此用户不得不求助于无参对象去使用动态key<div v-bind="{ [key]:value }"></div><div v-on="{ [event]:handler }"></div>然而,这有翻译 2021-01-24 19:57:17 · 122 阅读 · 0 评论 -
0002-slot-syntax-shorthand
概要为v-slot增加简写语法基础示例<foo> <template #header="{ msg }"> Message from header: {{ msg }} </template> <template #footer> A static footer </template></foo>起因简写就是一个名字需求,主要为了提供更简洁的语法在Vue里我们仅为两个操作符:v-bind翻译 2021-01-18 11:33:27 · 126 阅读 · 0 评论 -
0001-new-slot-syntax
概要scoped slot 用法的新语法slot 和 slot-scope 合并成了 v-slot 语法v-slot 可能 会统一 slot和 slot-scope基础示例// 普通插槽<foo v-slot="{ msg }"> {{ msg }}</foo>// 具名插槽<foo> <template v-slot:one="{ msg }"> {{ msg }} </template&g翻译 2021-01-10 17:11:35 · 99 阅读 · 0 评论