Vue 学习过程

Global install

//首先安装主题工具
npm i element-theme -g

用于安装element ui，并且改变主题

//安装elementui
npm i element-ui -S
//安装sass,用于改变主题
npm i sass-loader node-sass -D
//首先安装主题工具
npm i element-theme -g
//然后安装chalk主题
npm i element-theme-chalk -D

//console
// 初始化变量文件
et -i [可以自定义变量文件，默认为element-variables.scss]

> ✔ Generator variables file

//生成的文件修改变量
$--color-primary: purple;

//console 编译
et

//main.js
import '../theme/index.css'
import ElementUI from 'element-ui'
import Vue from 'vue'

Vue.use(ElementUI)

传递事件

1. 全局变化 vuex

2. 子组件传递到父组件

   this.$emit("小写的时间名称"，传递的参数对象{})


   @小写事件名称="父组件事件" 
   this.$on("小写的时间名称"，function(参数对象){}

3. 同级别的组件之间传递事件

// bus.js定义一个全局的变量
import Vue from 'vue'

export default new Vue()
 
//调用事件
bus.$emit('auth')

//全局监听，或者同级的组件监听
import bus from './util/bus'
bus.$on('auth', () => {
  router.push('/login')
})