Vue (element ui库、Less、axios 安装及引用)
Vue 学习element ui库导入1.安装npm i element-ui -S2.引入import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);Less环境的安装如果项目中的css样式,需要引用less语法的话,那么对应就需要安装两个模块,分别为les
·
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
更多推荐
已为社区贡献2条内容
所有评论(0)