vue的组件数据绑定测试

最新推荐文章于 2024-05-26 22:57:35 发布

easyboot

最新推荐文章于 2024-05-26 22:57:35 发布

阅读量73

点赞数

分类专栏： # Vue.js 文章标签： vue.js html5 javascript

本文链接：https://blog.csdn.net/easyboot/article/details/120544368

版权

Vue.js 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

每次编写总有收获

<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>
        <title></title>
    </title>
</head>

<body>
    <div id="app"> 
        <easyboot v-for="(item,index) in items " v-bind:a="item"> </easyboot>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> 
    <script>
        Vue.component("easyboot", {
            props: ["a"],
            template: '<li>{{a}}</li>'
        })

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

</html>

easyboot

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue的组件数据绑定测试

每次编写总有收获<html lang="en"><head> <meta charset="UTF-8"> <title> <title></title> </title></head><body> <div id="app"> <easyboot v-for="(item,index) in ite.
复制链接

扫一扫