a

package.json

@@ -38,6 +38,7 @@
     "vue-awesome": "^2.3.4",
     "vue-awesome-swiper": "^3.1.2",
     "vue-count-to": "1.0.13",
+    "vue-fullcalendar": "^1.0.9",
     "vue-i18n": "7.3.2",
     "vue-multiselect": "2.0.8",
     "vue-quill-editor": "^3.0.5",

src/views/haomo/components/calendar/index.vue

+<template>
+	<div class="calender">
+	  <full-calendar :events="fcEvents" locale="en"></full-calendar>
+	</div>
+</template>
+
+<script>
+  import fullCalendar from 'vue-fullcalendar'
+  export default {
+    name: 'calender',
+    // 继承其他组件
+    extends: {},
+    // 使用其它组件
+    components: {
+      'full-calendar': fullCalendar
+    },
+    data() {
+      return {
+        fcEvents: [
+          {
+            title: 'Sunny Out of Office',
+            start: '2018-03-8',
+            end: '2018-03-8',
+            cssClass: 'aaa'
+          }
+        ]
+      }
+    },
+    computed: {
+    },
+    filters: {
+    },
+    created() {
+    },
+    methods: {}
+  }
+</script>
+<style scoped>
+</style>
+