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

Question

vue组件的方法是Vue.conpentent('aaa'{template:'<div>12131</div>'})然后再页面上直接写aaa标签就可以用了 对吧？假如我这个组件里面要写很多东西，那么我都要写到template里面么?这样是不是有点臃肿？？

Answer 1

如下：

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 );