美文网首页
Vue - 局部组件

Vue - 局部组件

作者: 一世长安乱 | 来源:发表于2018-04-19 15:57 被阅读0次

可以通过某个 Vue 实例/组件的实例选项 components 注册仅在其作用域中可用的组件:

var Child = {
  template: '<div>A custom component!</div>'
}

new Vue({
  // ...
  components: {
    // <my-component> 将只在父组件模板中可用
    'my-component': Child
  }
})

在其他Vue实例中,局部组件不会起作用

<div id="app">
  <my-test></my-test>
</div>
<script src="vue.js"></script>
<script>
  new Vue({
    el: '#app',
    components:{
      'my-test': {
        template:`
    <div>
      <p>测试</p>
    </div>
  `
      }
    }
  });
</script>

相关文章

  • Vue 全局组件和局部组件

    vue、js、html文件都可以注册全局组件和局部组件 全局组件 局部组件 vue-custom-element ...

  • 【Vue.js】 todolist组件拆分(八)

    1、component全局组件 2、局部组件 A、定义局部组件 B、局部组件需要到Vue中声明引用 3、外部向组件...

  • Vue自定义组件

    简单组件展示 组件和页面类似 局部注册 vue页面注册局部组件 引入局部组件 调用 展示 组件间的数据和事件传递 ...

  • 组件化开发

    一、全局组件和局部组件 全局组件:即可以在多个Vue实例中使用 局部组件:只能在当前Vue实例中使用 使用:在Vu...

  • Vue2.0注册局部组件和全局组件

    记录一下不使用vue-router注册局部组件和全局组件 注册一个局部组件 文件:agg.vue 注册一个全局组件

  • vue的组件注册

    vue的组件注册: 全局注册 局部注册

  • 通过学习elementui编写自定义的vue组件

    1:先来回顾一下vue组件的局部注册与全局注册 然后在另外一个组件HelloWorld.vue内进行局部注册; 我...

  • Vue - 局部组件

    可以通过某个 Vue 实例/组件的实例选项 components 注册仅在其作用域中可用的组件: 在其他Vue实例...

  • vue 局部组件

  • 第3章 vue组件开发

    1. 组件开发 在vue中,组件是最重要的组合部分,官方中定义组件为可复用的vue实例,分为全局组件和局部组件。 ...

网友评论

      本文标题:Vue - 局部组件

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