Vue.extend 创建组件 Vue.component注册组件 使用组件.
例如：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="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>
點擊查看更多內(nèi)容
1人點贊
評論
評論
共同學(xué)習(xí)，寫下你的評論
評論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持，我會繼續(xù)努力的～
掃碼打賞，你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃，即可進行掃碼打賞哦