2.0vue.js 局部变量 这种比较常用

来源:互联网 发布:软件测试 精品课程 编辑:程序博客网 时间:2024/06/06 18:57

效果图

<body>

        <template id="zu">//组件模板
            <div>
                <h1>我是组件</h1>
                {{wo}}
            </div>
        </template>

        <div id="app">
            <aaa></aaa>//组件显示
            {{hj}}
        </div>

    </body>
    <script src="vue2.js"></script>
    <script>
    
         Vue.component('aaa',{//组件连接
             data(){
                 return{
                     wo:'slkjfds'
                 }
             },
            template:'#zu',//组件模板
        });


        new Vue({
            el: '#app',
            data: {
                hj: '上面是组件的显示',
            },
        });

    </script>
原创粉丝点击