Question

vue.js中怎样用onload事件

Answer 1

1、首先创建一个名称为onload的html文件，如下图所示。

2、设置标题为 javascript  onload，如下图所示。

3、在body标签 中加入onload事件，并在事件中加入自定义函数 myonload。

4、在文档区域加入一个h 元素，加入文本内容“页面加载完成显示页面内容”，当页面加载完成 后 显示该内容。

5、创建一个自定义函数myload，当页面完成后，调用该自定义函数，并加入alert提示语。

6、在浏览器中打开该文件，首先会弹出页面加载完成后调用的myonload函数，在现实页面内容。

Answer 2

1、创建一个Vue.js文件，在template标签中插入div，div包裹无序列表和fusioncharts组件，其中无序列表子项元素绑定点击事件，如下图所示。

2、在<script></script>标签中，定义饼图的数据源dataSource，有chart和data对象属性。

3、在export default中，定义name和data，其中data返回值有无序列表项、饼图图类型、图宽度、图高度、图数据格式和图数据源。

4、保存代码并使用命令运行项目，启动完毕之后，在浏览器预览图形效果。

Answer 3

可以用 v-on 指令监听 DOM 事件：
<div id="example">
<button v-on:click="greet">Greet</button>
</div>
绑定了一个单击事件处理器到一个方法 greet。下面在 Vue 实例中定义这个方法：
var vm = new Vue({
el: '#example',
data: {
name: 'Vue.js'
},
// 在 `methods` 对象中定义方法
methods: {
greet: function (event) {
// 方法内 `this` 指向 vm
alert('Hello ' + this.name + '!')
// `event` 是原生 DOM 事件
alert(event.target.tagName)
}
}
})

// 也可以在 JavaScript 代码中调用方法
vm.greet() // -> 'Hello Vue.js!'

Answer 4

最佳回答不看问题的？

可以看看Vue的生命周期。Vue.js 生命周期

在vue里定义 created:function(){  }