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

<body>

        <template id="zu">
            <div><!--2.0vue,js中组件不再支持片段代码,要在一个标签中-->
                <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.onload=function(){
                new Vue({
                el:'#app',
                data:{
                    ans:'你们在干吗'
                }
            });
        }

        
    </script>

相关文章:

  • 2021-12-28
  • 2021-10-02
  • 2021-11-18
  • 2021-08-07
  • 2022-12-23
  • 2022-12-23
  • 2021-05-19
  • 2021-07-16
猜你喜欢
  • 2021-06-23
  • 2021-06-28
  • 2021-12-04
  • 2022-12-23
  • 2022-12-23
  • 2021-07-13
相关资源
相似解决方案