FocusAJi

1. 首先看最核心的 render function staticClass 和 class, style 这些是控制样式的, 也就是最后的显示形式. variant, size, square, rounded 这些在上面的 class 里面都有体现. 如果 size 是 S…

我们看一下这两个 children. $content 有 slot. 而$sizer没有. 然后样式上有一点差别.相同点是, 两个都受 flex 影响. 不同点是: $sizer自己的高度是 0, 但是有一个 paddingBottom. $content宽度要占满 100%…

这里 h 的第一项参数是 Component 类型, 用的是BVTransition组件, 给需要过渡效果的组件做 wrapper. 这里 h 的第二项参数是要传递的属性, 这里只有一个noFade prop, 用于控制是否需要 fade 过渡效果. 这里 h 的第三项参数是本…

h 相当于 createElement, 是构造 VNode 的一个方法. 你所看到的视图是由很多个 VNode 构成的. h的第一个参数, 表示 VNode 的类型. 这里用 isRouterLink 做了一个判断, 如果这个 BLink 代表一个 Vue 的 Router …

第一个参数type 表示, 要构造的节点类型, 第二个参数 propsOrChildren表示节点上的属性, 第三个参数children表示里面的子节点. bootstrapvue 这里使用了 mergeData 这个函数来实现props的合并. 我们一个个看传入的参数: 1.…

第一个参数是组件的名字. 当在 html 里面直接使用时, 名字应该全部使用小写, 多个单词使用-分隔 kebab-case, you must also use kebab-case when referencing its custom element, such as i…

Components are reusable instances with a name. 组件是带名字的可复用的实例. 我们可以将其用在 root 实例中, 作为一个 custom element 自定义元素. Components can be reused as man…

two-way data bindings on form input, textarea, and select elements. v-model will ignore the initial value, checked or selected attributes f…

listen to DOM events and run some JavaScript when they're triggered. 监听 DOM 事件, 并且在事件触发时运行特定的 js 代码. v-on can also accept the name of a met…