点击说笑话案例
- 点击说笑话笔记
- 功能 点击按钮 随机提取一个笑话字符串 赋予给word变量
- mark js 返回长度范围内的索引:
- Math.floor(Math.random() * this.jokeArr.length)
- Math.floor() 向下取整
- Math.random() 返回一个0-1的随机数 this.jokeArr.length数据的长度个数
- 1 按钮添加点击事件 @click
- 2 按钮被点击时
- 2.1 随机输出任意句子 赋值给 i
- 2.2 this.word 输出内容区域
- this.jokArr[i] 数组内容
- [i] 第几个
- methods方法应用场景
- 1 vue中,我们需要调用某个方法时,我们需要先将这些方法定义在methods
- 属性中,然后才能表达式中调用该方法
- 2 methods方法的使用方法
- 列如
// 创建vue对象
new Vue({
el:"#app",
methods:{
方法名1()
},
方法名2(){ }
})