【2020-09-02】day02：Vue+iView简单前端页面框架构建

个人知识碎片的体系化理解与整理，缓慢更新，理解不到位与错漏之处望见谅与指正。

day02摘要思想：iView是基于Vue的一套前端开源组件库，官方文档：https://www.iviewui.com/docs/introduce，在Vue中进行简单融入，构建出无需后台服务的大致静态页面框架

开发环境：WebStorm 2019.1

1.iView全局引入

建议参考官方文档安装部分；main.js如下

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'
import ViewUI from 'view-design'
import 'view-design/dist/styles/iview.css'

Vue.config.productionTip = false
Vue.use(ViewUI)

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: ''
})

 

2.Header、Footer与Layout三层布局的简单搭建

建议参考