Vue 学习

element ui库导入
1.安装

npm i element-ui -S

2.引入

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

Less环境的安装
如果项目中的css样式,需要引用less语法的话,那么对应就需要安装两个模块,分别为less,less-loader

npm install less less-loader --save
npm i less-loader
or
cnpm install less less-loader --save

less的使用

<style lang='less' scope> 

// scope -->表示组件的样式独立互不影响。

axios安装

npm install axios

axios 引入
1.创建vue.config.js文件,文件内容

module.exports={
    devServer:{
        open:true,
        host:'localhost',
        port:8080,
        proxy:{
            '/api':{
                target:'http://open.douyucdn.cn/',
                changeOrigin:true
            }
        }
    }
}

axios导入

import axios from 'axios'
Vue.prototype.$axios = axios

vant引入
https://youzan.github.io/vant/#/zh-CN/

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐