美文网首页
34-Vue组件-自定义局部

34-Vue组件-自定义局部

作者: 梦想成为小仙女 | 来源:发表于2019-02-26 11:54 被阅读6次

这里主要是通过程序,验证局部组件,只能在它所控制的区域使用

image.png

一.格式

components用于注册一个局部的组件(子组件)
key:注册的组件名称
value:以前传递给Vue.component的那个对象
components:{
"组件名称":对象,
}

小结:之前的filter,directive都有跟component相似的全局与局部的概念,可以一起记忆,一个是专用于返回指定字符串的函数,一个是用于对DOM对象执行JS操作的函数,两个的使用方法区别于普通的方法.

二.程序验证

image.png
image.png

相关文章

  • 34-Vue组件-自定义局部

    这里主要是通过程序,验证局部组件,只能在它所控制的区域使用 一.格式 components用于注册一个局部的组件(...

  • vue 自定义组件(一)全局、局部组件

    vue自定义组件分为局部组件和全局组件 全局组件 全局组件格式template 是模板props 是自定义组件用到...

  • vue 有自定义指令

    vue 的自定义指令,分为全局自定义指令和局部自定义指令,局部自定义指令等价于局部组件。 自定义指令可以对DOM进...

  • vue.js入门之第四篇(自定义组件)

    1、自定义全局组件 2、自定义局部组件 传递数据 [属性] 传递数据(绑定属性) 传递数据(循环) is v-mo...

  • Vue——自定义组件 & 自定义事件$emit & 插槽slot

    一、注册自定义组件 1、局部注册 局部注册的组件,只能在当前Vue实例中使用,并且在其子组件中不可用。在compo...

  • vue中自定义组件、指令、插件

    组件 全局组件 局部组件 自定义插件 提供install方法,挂载到Vue 指令 使用指令实现input自动获取焦...

  • Vue组件(compoent)

    自定义组件有两种方式1.全局组件,2.局部组件 全局组件:我们可以这样理解,一个vue组件就是一个vue实例 组件...

  • Vue2.0的改变

    vue2.0-组件定义方式 全局 局部 生命周期 组件2.0循环 自定义键盘 单一事件中心管理组件通信 vue2....

  • vue自定义指令

    先来一个简单的自定义指令,给元素添加一个背景色注册自定义指令分为全局注册与局部注册 局部注册 通过组件的 dire...

  • 一篇文章弄懂vue.js中的组件

    组件的使用方法 1.全局注册 2.局部注册 自定义事件—子组件给父组件传递数据 使用v­on 除了监昕 DOM 事...

网友评论

      本文标题:34-Vue组件-自定义局部

      本文链接:https://www.haomeiwen.com/subject/yyqayqtx.html