成语| 古诗大全| 扒知识| 扒知识繁体

当前位置:首页 > 趣味生活

.vue文件怎么使用

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>

猜你喜欢

更多