vue,自定义组件

最新推荐文章于 2024-06-18 23:15:23 发布

二拜糕糖

最新推荐文章于 2024-06-18 23:15:23 发布

阅读量158

点赞数

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

本文链接：https://blog.csdn.net/qq_45404035/article/details/109024701

版权

vue 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

自定义组件，并显示内容
在这里插入图片描述

<body>
<div id="app">

    <zujian1 v-for="i in items" v-bind:i="i"></zujian1>

</div>

<script src="https://cdn.bootcss.com/vue/2.5.16/vue.min.js"></script>
<script>
    //定义一个vue组件component
    Vue.component("zujian1",{
        props:['i'],
        template:'<li>{{i}}</li>'
    });
    var vm = new Vue({
       el:"#app",
        data:{
           items:["java","linux","javascript"]
        }
    });
</script>
</body>