本文主要给大家介绍了关于vue.js之UI组件开发的相关内容,分享出来供大家参考学习,下面来一起看看详细的介绍:
1. 新建组件:
<script src="/public/javascripts/vue.js"></script> <style> #app1{background-color: red} #app2{background-color: blue} </style> <body> <div id="app1"> <box-one></box-one> <box-two></box-two> <boxThree></boxThree> </div> <div id="app2"> <box-one></box-one> <box-two></box-two> </div> <box-one></box-one> <box-two></box-two> <script> Vue.component('box-one', { template: '<div class="box-one">box-one</div>' }); var app1 = new Vue({ el: '#app1', components: { 'box-two': { template: '<div class="box-two">box-two</div>' }, 'boxThree': { template: '<div class="boxThree">boxThree</div>' } } }); var app2 = new Vue({ el: '#app2' }); </script>
另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
新闻名称:vue.js学习之UI组件开发教程-创新互联
分享网址:https://www.cdcxhl.com/article30/doocso.html
成都网站建设公司_创新互联,为您提供域名注册、ChatGPT、虚拟主机、品牌网站建设、外贸网站建设、网站导航
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联