局部组件

最新推荐文章于 2024-02-15 10:38:25 发布

zmj2051176726

最新推荐文章于 2024-02-15 10:38:25 发布

阅读量355

点赞数 1

分类专栏： vue组件

本文链接：https://blog.csdn.net/xiaoxingxingzai/article/details/100115332

版权

本文介绍了Vue.js中局部组件的概念和使用方法。局部组件通过在组件的options对象中定义components属性来实现，相对于全局注册，局部组件只在其父组件内部可用，有助于减少全局命名空间的污染。

摘要由CSDN通过智能技术生成

局部组件

调用Vue.component()注册组件时，组件的注册是全局的，这意味着该组件可以在任意Vue示例下使用。
如果不需要全局注册，或者是让组件使用在其它组件内，可以用选项对象的components属性实现局部注册。
component就代表全局组件，components代表局部组件。
1.完整代码如下

<body>
<div id="app">
    <ton></ton>
    <two></two>
</div>
</body>
<script>
    //创建组件构造器
    var myton=Vue.extend({
        data:function () {
            return{
                count:0
            }
        },
        template:'<div><h1>哈哈哈</h1><button @click="count++">你点击了{
  {count}}次了</button></div>'

    })

    var youton=Vue.extend({
        template:'<h1>嘿嘿嘿</h1>'
    })
     //将两个组件注册到Vue实例下
    new Vue({
        el:"#app",
        components:{
            'ton':myton,
            'two':youton

最低0.47元/天解锁文章

zmj2051176726

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
局部组件

局部组件调用Vue.component()注册组件时，组件的注册是全局的，这意味着该组件可以在任意Vue示例下使用。如果不需要全局注册，或者是让组件使用在其它组件内，可以用选项对象的components属性实现局部注册。component就代表全局组件，components代表局部组件。1.完整代码如下<body><div id="app"> <t...
复制链接

扫一扫

专栏目录