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

Question

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

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

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

Answer 1

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