javascript - 关于vue组件的问题？大神求解答

问题描述

问 题

vue组件的方法是
Vue.conpentent('aaa'{
template:'<div>12131</div>'
})

然后再页面上直接写aaa标签就可以用了 对吧？

假如我这个组件里面要写很多东西，那么我都要写到template里面么?这样是不是有点臃肿？？

解决方案

如下：
test.vue
<template>
    <div>
        <h1>
            Hello,{{ message }}
        </h1>
    </div>
</template>
<script>
    export default {
        data:function(){
        return{
            message:'test'
        }
      }
    }
</script>
然后js里面
import Test from 'test.vue'
 Vue.component(组件的名称, Test );

这篇关于javascript - 关于vue组件的问题？大神求解答的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！