SPA项目开发之登录注册

1. vue 怎么引入和配置使用 element-ui 框架

• 1使用vue-cli脚手架工具创建一个vue项目
  vue init webpack 0806spa

• 2npm安装elementUI
  cd 0806spa #进入新建项目的根目录
  
  npm install element-ui -S #安装element-ui模块

重要的事情说三遍：在指定位置!!!在指定位置!!!在指定位置!!!~~~添加三行代码

• 3在项目中src目录下找到main.js，并在指定位置添加三行代码（main.js是入口文件，所以在这里引入就行，页面就不用引入了）
  import Vue from ‘vue’
  import ElementUI from ‘element-ui’ //新添加1

  import ‘element-ui/lib/theme-chalk/index.css’ //新添加2，避免后期打包样式不同，要放在import App from ‘./App’;之前
  import App from ‘./App’
  import router from ‘./router’

  Vue.use(ElementUI) //新添加3
  Vue.config.productionTip = false

• 修改HelloWorld.vue添加elementUI组件查看效果

2. Vue+ElementUI 设计登陆页面

注1：相关样式见资料“css.txt”

注2：