Q1:使用的是vue2.0,请问.vue文件中如何使用echarts
main.js
import echarts from "echarts"
A.vueHTML
javascript
export default{
data (){
return {
msg:"123"
}
},
mounted (){
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]
}]
});
}
}
Q2:vue文件里面怎么引用外部的js文件并调用
可以通过npm安装的就安装,在通过Vue.use()插入到vue里使用;如果想单个页面使用的就在使用的.vue页面通过import导入并使用。
Q3:vue文件里面怎么引用外部的js文件?
步骤:
首先。我们要改造我们要映入的外部js文件,改成下面这个格式。主要是红色方块内部代码,我们需要将我们的模块“抛出”,让人能获取到以下及相应代码:
其次,到我们的寄主那里,我们需要导入,仿造其他的文件,写法如下及相应代码:
注意红色叉的部分,那是我们es5的写法,绿色才是正确的;接着是效果图:
其他方法:直接@import就行了
<style>
@import "../../scss/retinaLine";
@import "../../scss/css3Module";
...
</style>
Q4:vue里面怎样实现文件上传,使用vue-file-upload吗
提供几种行案:
1.element-ui面文件传组件已经源或者说vue-file-upload;
2.自写文件传组件难封装请求做些事件触发
Q5:vue怎么加载其他的.vue文件
如果是vue2、
<script>
import alertfrom ../components/alert.vue;
export default {
components:{
alert:alert
},
methods:{
}
}
</script>
<style>
</style>