Vue---组件带参数

最新推荐文章于 2023-01-17 18:17:27 发布

郭浩326

最新推荐文章于 2023-01-17 18:17:27 发布

阅读量505

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/guohao326/article/details/72785643

版权

vue 专栏收录该内容

45 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>内置指令</title>
    <script src="js/vue.js" ></script>
</head>
<body>
<div id="app">
    <my-comp></my-comp>
</div>

<script>

    Vue.component("myComp",{
        template : "<h1>这里是组件<span>---{{username}}</span></h1>",//组件的模板只能有一个根元素
        data :  function () {
            return {
                username : "我想有个女朋友"
            };
        }//在组件中，也有data属性，这个属性用来保存该组件自身的数据
    })

    //在VUE的组件中，VUE官方严禁使用数据双向绑定，
    //在VUE的组件中，数据是无法双向绑定的
    var app = new Vue({
        data : {
            msg : "想要个编程妹纸"
        }
    }).$mount("#app");


</script>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

郭浩326

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Vue---组件带参数

html>html lang="en">head> meta charset="UTF-8"> title>内置指令title> script src="js/vue.js" >script>head>body>div id="app"> my-comp>my-comp>div>script> Vue.component("myComp",
复制链接

扫一扫