vue
yu__changxi
这个作者很懒,什么都没留下…
展开
-
vue深入了解组件(一)
一. 组件注册以下代码使用Babel 和 webpack 的模块系统1.通过vue.component 全局注册全局注册的组件可以用在任何新建的 vue根实例(new Vue)模板中。全局组件在各自内部也都可以相互使用main.jsimport componentA from './componentAVue.component('组件名', componentA)当你有多个...原创 2019-09-11 13:59:51 · 223 阅读 · 0 评论 -
vue深入了解组件(二)
一. 插槽 slot1. 插槽内容vue将slot元素作为承载分发内容的出口。<basecomponent :title="title"> vue插槽内容</basecomponent>组件模板<p> {{title}} <slot><slot/><p/>当组件渲染的时候,slot标签 将会被...原创 2019-09-16 17:52:44 · 115 阅读 · 0 评论 -
vue自定义指令和过滤器
一. 注册自定义指令1. 全局注册指令全局注册一个自定义指令 v-focusVue.drective('focus', { // 当被绑定的元素插入到 DOM 中时,触发此钩子 inserted: (el) => { el.focus(); }})局部注册自定义指令,组件中接受一个 directives 的选项directives: { focus: ...原创 2019-09-29 13:58:34 · 273 阅读 · 0 评论