菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
256
0

vue+ui

原创
05/13 14:22
阅读数 7834

一、elementui

npm i element-ui -S

// ********************************

import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';

Vue.use(ElementUI);

new Vue({
  el: '#app',
  render: h => h(App)
});

相关问题:

  1、使树形表格的小箭头指定列:指定列之前的所有列加【type=''】; 

二、vant

npm i vant -S

// ********************************

import Vue from 'vue';
import Vant from 'vant';
import 'vant/lib/index.css';

Vue.use(Vant);

三、echarts

npm install echarts --save

// ********************************

var echarts = require('echarts');

// 基于准备好的dom,初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
// 绘制图表
myChart.setOption({
    title: {
        text: 'ECharts 入门示例'
    },
    tooltip: {},
    xAxis: {
        data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
    },
    yAxis: {},
    series: [{
        name: '销量',
        type: 'bar',
        data: [5, 20, 36, 10, 10, 20]
    }]
});

四、.babelrc

  从linux的开发习惯做为历史,rc结尾的文件,一般都是运行时自动加载的文件、配置文件等。

  现在es6还没有被所有的浏览器都支持,所以需要babel将es6转换成浏览器能够识别的代码。所以,.babelrc文件,是用来设置转码的规则和插件的。

  要在<style scope></style>中修改elementui或vant样式,可以使用【/deep/】和【>>>】选择器,sass中必须使用【/deep/】

发表评论

0/200
256 点赞
0 评论
收藏