这是一个基于vue的banner组件,使用的时候只要
1、全局引入:(在main.js引入即可)
import banner(自定义,随意命名) from 'lgr-banner'
Vue.component('lgr-banner', banner)
...
<lgr-banner></lgr-banner>
2、局部引入:(在组件内部引入即可)
import banner(自定义,随意命名) from 'lgr-banner'
...
components: {
banner
}
...
<banner></banner>
暴露的接口: slot: (默认插槽), props: ['position(可取:top,bottom)']