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

Answer 2

这个是组件的最初级用法，或者说只是一个示例

如果想要纯粹的HTML代码，请用webpack + vue-loader

Answer 3

用 script 或者 template 标签

大型应用用 .vue 的单文件组件