2.0vue.js 全局组件模板例子说明

最新推荐文章于 2024-03-08 17:58:00 发布

羽湘楚

最新推荐文章于 2024-03-08 17:58:00 发布

阅读量443

点赞数

文章标签： javascript 前端

本文链接：https://blog.csdn.net/weixin_38337068/article/details/75735193

版权

效果图

<body>

<template id="zu">
           <div>
               <h1>我是要显示的组件</h1>
               <b>里面也是一个模块</b>
           </div>
       </template>
       <div id="app">
           <aaa></aaa> 
           {{ans}}
       </div>
   </body>
   <script src="vue2.js"></script>
   <script>
       var Zu={ //组件根
           template:'#zu'
       };

       Vue.component('aaa',Zu); //连接组件显示

       window.οnlοad=function(){
               new Vue({
               el:'#app',
               data:{
                   ans:'你们在干吗'
               }
           });
       }

   </script>