组件开发遇到的问题（vue的问题）

组件的开发和引用

<template>
    <div class="xx">组件</div>
</template>
<script>
  export default {
    name: 'viewMore',
    components: {},
    data() {
      return {
      }
    }
  }
</script>
<style  scoped>
	可以定义组件都有的样式
</style>

这样就可以在其它组件引用了，引用方式很简单：例如在index.vue中引进viewMore.vue组件，假设两个文件处在同级目录中。

index.vue中的代码：

<template>
    <more></more>
</template>
<script>
  import viewMore from 'viewMore.vue'
  export default {
    name: 'index',
    components: {
	    more: viewMore
	},
    data() {
      return {
      }
    }
  }
</script>