Vue-组件-component

最新推荐文章于 2024-05-16 09:32:41 发布

好运haoyun

最新推荐文章于 2024-05-16 09:32:41 发布

阅读量102

点赞数

分类专栏： Vue 文章标签： vue vue.js javascript es6 html

本文链接：https://blog.csdn.net/qq_43439968/article/details/108425672

版权

Vue 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

组件

定义一个Vue组件，可以实现代码的复用，结构的复用，像是一个组件中应该有哪些模块，把这些模块装入组件中，组件的复用，整体结构就能复用

<body>
<div id="vue-app">
    <haoyun v-for="item in items" v-bind:lin="item"></haoyun>
    <haoyun v-bind:lin="test"></haoyun>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
    Vue.component("haoyun",{
        props:["lin"],
        template:"<li>{{lin}}</li>"
    })
    var vm=new Vue({
        el:"#vue-app",
        data:{
            items:["hao","yun","lwh"],
            test:"asdfasf"

        }
    });
</script>
</body>