Vue.js入门（4）Element

序言

一个人能认识到现实世界中的不完美， 同时他还能想到一种方式做出改进，同时他还有能力实现自己的想法，这三件事巧合地发生在一个人身上，这才是最难能可贵的。

安装

npm install -g @vue/cli #  OR  yarn global add @vue/cli

vue create my-project

vue ui

http://localhost:8000/tasks

http://localhost:8080

http://localhost:8000/dependencies

 

yarn serve

yarn

 

https://vuex.vuejs.org/zh/

vue自定义指令

 

Vue引入scss
引入scss依赖库
cnpm install node-sass --save-dev
cnpm install sass-loader --save-dev
cnpm install style-loader --save-dev

设置lang的类型
<style lang="scss"></style>

Vue引入less
引入less依赖库
cnpm install less less-loader --save-dev

设置lang的类型
<style lang='less' scoped>

babel-plugin-transform-remove-console

小结

打牢基础

研究Vue源码

研究Element源码

研究v-charts源码

Echart控件

自定义控件

结合实际项目

有时候直面困难的勇气比能力更重要

资料

Element

Vue开源项目库汇总

Ant Design of Vue

github

vuejs官网

饿了么前端

Vue源码解析-蒋坤