直接引用vue，组件写法

haikess

于 2022-07-25 17:58:47 发布

阅读量247

点赞数

分类专栏： vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_35943977/article/details/125980344

版权

vue 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

创建组件

<template id="update-dev">
    <div style="padding-bottom: 100px;padding-top:10px;background: #F2F2F2">
       
    </div>
</template>
<script type="text/javascript">
    Vue.component('update-dev', {
        template: "#update-dev",
        data: function () {
            return {
               
            }
        },
        created() {
          
        },
        watch: {
           
        },
        methods: {
            

        }
    })

</script>

引用


<div id="zsvm" v-cloak>

        <update-dev v-if="updateShow" ref="updateDev"></update-dev>
   
</div>

<div th:include="xihuan/test/update" style="width:100%;"></div>

<script>

    var vm = new Vue({
        el: '#zsvm',
        data: {
           
        },
        created() {
        },
        methods: {
          
        }
    })


</script>