首页 > 其他分享 >看视频课程vue

看视频课程vue

时间:2022-12-13 09:11:46浏览次数:77  
标签:视频 vue min max 自己 生成 课程 随机数 Math

 

 

 

 

 

 

 

》》【建议】:

1.知道每个视频前置知识点需要用的方法和技能。

2.看到题目需求后,先暂停视频,自己试着做一做。

3.做不出来就看一点旭哥思路分析。

4.再做不出来,一点点跟着旭哥做,每一行代码都要给自己讲出什么意思。

5.第三遍,就关掉视频,留下思路再试试。

》》【做任何需求 套路】:

1.先铺设标签和样式。

2.铺设数据(固定数据/js动态创建数据/后台返回数据)

3.写交互,多思考用户在页面上的动作,实现对应的功能代码

4.如果需要把用户输入的值/动作的结果,返回给后台,则调用后台接口即可。

》》【总结  方法论】:

1.思路来源于画面

2.把思路转成计算机认识的代码——  多模仿多敲多敲多敲

3.多记录学到的语法——字典

4.多练习多做案例积累经验

 

 

 

 

  清空重置学代码。








 

术业有专攻

 

 

 

 》》前置知识:

1. 掌握创建vue/cli脚手架项目。

2. 掌握插值表达式使用。

3. 掌握事件绑定。

4. 掌握随机数公式。

5. this访问变量。

 

 

 

 

 

 

 

 

 

 

 

 练习:

<template>
  <div>
    <!-- 需求:做一个玩笑弹出系统。
    1.标签和数据data
    2. 按键-点击事件-->
    <p>这是一条笑话,想看吗?点击按钮,随机生成哦!<br/>{{word}}</p>
    <button @click="jokeFn">点击说笑话</button>
  </div>
</template>

<script>
export default {
  data(){
    return{
      word:'仔细看哦!',
      jokeArray:['哈哈开心吗?','呼啦呼啦','呱呱你是谁?','啦啦啦啦啦啦啦啦啦']
    }
  },
  methods:{
    // 3.数组中有很多数据,所以要生成随机数。随机数的方法
    getRandomFn(min,max){
      return Math.floor(Math.random()*(max-min+1)+min)
    },
    // 点击事件
    jokeFn(){
      // 4.调用产生一个随机的下标索引
      // let index=this.getRandomFn(0,this.jokeArray.length-1)
      // 5.换出随机笑话字符串
      // let str=this.jokeArray[index]
      // 6.设置给word变量-页面展示
      // this.word=str;

      // 简写就是
      this.word=this.jokeArray[this.getRandomFn(0,this.jokeArray.length-1)]
    }
  },

}
</script>

<style>

</style>
Math.random()表示0到1的数字。
Math.floor()表示下取整数。
win+v 显示出所有笔记本粘过的。
return Math.floor(Math.random()*(max-min+1)+min) 就是生成在min到max中间的随机数
<template>
  <div>
    <p>随机生成的句子:{{sentence}}</p>
    <button @click="sentenceFn">点击随机生成句子</button>
  </div>
</template>

<script>
// 需求:生成随机句子。夯实基本功。活到100岁。慢慢吃,慢慢学。
// 1.确定标签和数据。2.点击事件 3.生成随机数。5.生成数组的标签。6让标签对应的句子7.显示句子。
export default {
  data(){
    return{
      sentence:'???',
      sentenceArray:['对吗??','确定吗????','真聪明!!!'],
    }
  },
  methods:{
    // 随机数
    getRamFn(min,max){
      // 
      return Math.floor(Math.random()*(max-min+1)+min)
    },
    sentenceFn(){
      // 生成下标是随机数。
      this.sentence=this.sentenceArray[this.getRamFn(0,this.sentenceArray.length-1)]
    },
  }
}
</script>

<style>

</style>



需求:

 

 1掌握插值表达式使用。  2.掌握字符串和数组互相转换的方法。  3.掌握数组翻转所有元素方法。  4.this访问变量。

 

 

 

 

 思路:1.准备标签和变量。  2.绑定点击事件和方法。   3.把变量里字符串转成数组。  4.调用数组反转方法,  5.再把数组里元素拼接回字符串。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

人的一生只和自己有关系,和别人没有太大的关系。  杨绛先生。 

独立的个体,乐观的心态。总有解决办法的。真心换无悔,专注达通途。

1212弟今天生日,平安健康就好。希望弟努力踏实,耐心,不急不躁,不卑不亢。11岁了,迈向12岁,是青少年了。青少年是什么样子的?积极阳光,活力满满,朝气蓬勃,善学善问,明哲明理,积累知识,勤学好问,强身健体,自尊自爱,谦虚三省,客观理性,明辨是非,少言多行多思......要求太多了,积极阳光就好,其他做他自己就好,每个人都是不一样的烟火。阳光的青少年。

看他的成长,又仿佛在看自己的过去,相似但又不一样。读书容易也不易,自己自发想学会知识学的快,强迫学习大家都痛苦没进步。方法论对了和心态端正很重要。真心换无悔,专注达通途。

一切都会好起来的。前进......

做好自己就是希望。不要让家人担心自己。先把自己安顿好。自己处理好自己的人生就好了。独立。

1212弟今天生日,平安健康就好。希望弟努力踏实,耐心,不急不躁,不卑不亢。11岁了,迈向12岁,是青少年了。青少年是什么样子的?积极阳光,活力满满,朝气蓬勃,善学善问,明哲明理,积累知识,勤学好问,强身健体,自尊自爱,自强不息,进取上进,谦虚三省,客观理性,明辨是非,少言多行多思,心中有爱,心怀感恩......要求太多了,积极阳光就好,其他做他自己就好,每个人都是不一样的烟火。阳光的青少年。

弟,他爱笑也爱哭也更脾气急,天真无邪,内心敏感柔软,比我更多了许多勇敢自信和懂得反抗保护自己的权益的无畏霸气。他懂得拥抱,表达自己的亲近喜欢,这是从他身上学到的,他是男生也是平常人,没有完全坚强的男子汉,更改了我之前的认知。看他的成长,又仿佛在看自己的过去,相似但又不一样。读书容易也不易,自己自发想学会知识学的快,强迫学习大家都痛苦没进步。方法论对了和心态端正很重要。真心换无悔,专注达通途。
一切都会好起来的。前进......
想写给我弟的。就是吧,他的人生还是他的人生。自己只能管好自己。很多道理还得自己实践之后自己一个一个领悟或是慢慢领悟到别人说的有的观点确实如此。

事不关己,高高挂起。自强不息。

吾日三省吾身 谦虚低调 少说多看多学习 得来不易 知...

3个回答 - 回答时间: 2021年1月12日

最佳答案: 我每天多次反省自己,要谦虚低调做事,少说废话多读书,珍惜现在拥有的,懂得敬畏懂得珍惜。

标签:视频,vue,min,max,自己,生成,课程,随机数,Math
From: https://www.cnblogs.com/effortandluck/p/16976021.html

相关文章