使用Element
参考了http://element-cn.eleme.io/#/zh-CN网站,对于vue插件进行了简要的学习内容
main.js
import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import App from './App'
import router from './router'Vue.use(ElementUI)
Vue.config.productionTip = false
new Vue({
el: '#app',
router,
components: { App },
template: '<App/>'
})
ElementTest.vue
<template>
<div class="hello">
<el-pagination
background
layout="prev, pager, next"
:total="10000">
</el-pagination>
</div>
</template><script>
export default {
name: 'HelloWorld',
data () {
return {
msg: 'Welcome to Your Vue.js App'
}
}
}
</script>
效果