Vue入门之企业站点开发实践

系列文章目录

第一章 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