VUE-04-Vue组件

Void_CM

于 2021-03-30 09:13:44 发布

阅读量278

点赞数

分类专栏： Vue 文章标签： vue

本文链接：https://blog.youkuaiyun.com/baidu_41656912/article/details/115317197

版权

Vue 专栏收录该内容

5 篇文章

订阅专栏

VUE-04-Vue组件

组件:是可复用的Vue实例,一组可以重复使用的模板-自定义标签,里面可以放想要的html标签,组件

示例

<body>
    <div id="app">
        <!--组件:传递给组件的值,通过props接收-->
        <hello v-for="item in items" v-bind:A="item"></hello>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
        //定义一个Vue组件,无法直接获取vm下的data,需要props中介
        Vue.component("hello",{
            props: ['A'],
            template: '<li>{{A}}</li>'
        });

        var vm = new Vue({
            el:"#app",
            data:{
                items:["java","linux","vue"]
            }
        });
</script>
</body>