vue周边(elementUI/scss/事件)

element-ui

安装方式

npm i element-ui -S

在main.js中引入

import ElementUI from 'element-ui'

CDN

提供了较多样式标签，
官网
http://element.eleme.io/#/zh-CN/component/quickstart

关于scss

安装sass

npm install sass-loader node-sass webpack --save-dev

如果引用了scss,产生如下的错误

谷歌浏览器

解决办法：
npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm install --save-dev node-sass

运行这两句代码

...

点击事件的按键别名

• .enter
• .tab
• .delete(捕获删除和退格键)
• .esc
• .space
• .up
• .down
• .left
• .right
• .ctrl
• .alt
• .shift
• .meta
  .left - (2.2.0) 只当点击鼠标左键时触发。
  .right - (2.2.0) 只当点击鼠标右键时触发。
  .middle - (2.2.0) 只当点击鼠标中键时触发。

注: 若添加不成功，在事件后添加native
例如：

@keyup.enter.native="事件名"

一般原生的标签里面不需要加

也可以通过全局config.keyCode对象自定义按键修饰符别名

//可以使用v-on:keyCodes.f1 = 112;

组合键

Do something

在vue2.0开始.已经明确规定给自定义组件绑定原生事件时，必须是使用native修饰符,另外用的比较多的修饰符是 .stop （阻止冒泡事件）.prevent （阻止默认事件）。

vue-elementui