Vue組件編寫

Vue無疑是近來最火的一個前端框架，它吸取了angular1.x和react的精華，性能優良，而且易於上手，本文主要是關於如何去寫一個組件。

首先是項目目錄

編寫組件

在這里我寫了一個日期控件（移動端的），在components目錄下建立文件夾，並建立vue文件和index.js文件注冊組件。
.vue文件中的內容我就不多說了，去看我的項目即可。

組件注冊

import datepicker from './datepicker.vue'
//這里第一個參數可以設置別的名字，作為頁面標簽使用
datepicker.install = (Vue) => Vue.component('datepicker',datepicker)
export default datepicker

組件使用

import datepicker from './components/datepicker'
import Vue from 'vue'
Vue.use(datepicker);
//html中
<datepicker @cancle="cancle" @sure="sure" :selecteddate="olddate"></datepicker>

最后附上代碼地址https://github.com/Stevenzwzhai/vue-datepicker
演示地址 https://stevenzwzhai.github.io/vue-datepicker/。打開mobile調試模式，因為使用了touch事件，所以pc無效。