系列文章目录
第一章 Vue 入门之搭建vue脚手架
第二章 Vue入门之项目框架介绍
第三章 Vue入门之基本语法
第四章 Vue入门之企业站点开发实践
前言
vue现在是比较流行的前端框架,花一些时间学习下,特将学习过程分享出来,供大家一起学习。
通过上章的学习我们可以看到Vue是一个MVVM框架,主要作用就是将前台页面和数据绑定起来。为了做出漂亮的视觉效果,我们还需要和其他视图框架进行集成。这里我们不用Bootstrap ,采用饿了吗的视图框架进行集成。
一、和ElementUI集成
element-ui是Vue 2.0的一组组件库,可以帮助我们快速开发项目。
在main.js文件中写入以下内容
import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-default/index.css'
import App from './App.vue'
Vue.use(ElementUI)
new Vue({
el: '#app',
render: h => h(App)
})
二、站点开发
参照gitee源码:
https://gitee.com/blackoon88/companywebsite
主要包括路由管理,页面设计,echart使用等。
官方文档
Web前端开发中文版
Vue.js 英文文档
Vue.js 中文文档
Vue.js 中文文档2
Vue路由
Vue的状态管理(vuex)
Eslint规则
Awesome Vue.js
element
Mint UI-基于 Vue.js 的移动端组件库
Animate.css