点击说笑话案例

109 阅读1分钟

点击说笑话案例

  • 点击说笑话笔记
  • 功能 点击按钮 随机提取一个笑话字符串 赋予给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(){ }
 })

Image.png