继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

Vue自定义组件

_Xthanus_
关注TA
已关注
手记 7
粉丝 1
获赞 4

Vue.extend 创建组件 Vue.component注册组件 使用组件.

例如:

<!DOCTYPE html>
<html>
<head> 
    <meta charset="utf-8"> 
    <script src="js/vue.js"></script>
</head>
<body>
    <div id="box1"> 
        <p>QQ:1697141690</p> 
        <ty></ty> <!--使用组件ty-->
    </div>  
<script>  
     var myty=Vue.extend({ //创建组件
         template:"<h1>写一段信息</h1>"  
     });  
     Vue.component("ty",myty);  //注册组件
         var vm=new Vue({    
         el:"#box1"  
     }); 
</script>
</body>
</html>

https://img3.mukewang.com/5cd640630001d35a04160218.jpg


打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP