首页 > 其他分享 >vue基础 B站课程

vue基础 B站课程

时间:2022-12-19 14:01:09浏览次数:45  
标签:arr vue join reverse 基础 课程 split 字符串 message

 

反转字符串:

<template>
  <div>
    <!-- 先照抄,之后再自己写。多写。把vue的课程全学出来。。。。。职业:1学好本专业学技术 2跨专业考研考公    3.公务员 教师    。
    翻转句子:1.声明变量和标签。 2.绑定事件 3.事件中字符串编程数组 4. -->
    <h1>{{message}}</h1>
    <button @click="btnFn">反转世界</button>
  </div>
</template>

<script>
export default {
  data(){
    return{
      message:'Hello WORLD!'
    }
  },
  methods:{
    btnFn(){
      // 3.将字符串分割变成数组。['H','e','l','','','',''......]
      // let arr=this.message.split("")
      // 反转字符串 reverse   ['!','d','l','r','o','',''...]
      // arr=arr.reverse()
      // 合并反转的字母。数组变成字符串。
      // this.message=arr.join("")
      // 合并写  显示的是message
      // return join(reverse(this.message.split('')))
      this.message=this.message.split("").reverse().join("")


    }
  }
}
</script>

<style>

</style>

 

 

 。。

 

 

 

因为自己想做再做的事情。不饿不进食。医院的照顾病人的老人,一小时200元工资还是一天200元工资,年收入十几万。。

                             

标签:arr,vue,join,reverse,基础,课程,split,字符串,message
From: https://www.cnblogs.com/effortandluck/p/16985631.html

相关文章

  • vuejs实现文件下载的三种方式
    第一种方式是前端创建超链接,通过a标签的链接向后端服务发get请求,接收后端的文件流,非常简单:<a:href='"/路径"'>下载模板</a>另一种情况是创建div标签,动态创建a标签:<div......
  • Vue.$nextTick的原理是什么-vue面试进阶
    原理性的东西就会文字较多,请耐下心来,细细品味Vue中DOM更新机制当你气势汹汹地使用Vue大展宏图的时候,突然发现,咦,我明明对这个数据进行更改了,但是当我获取它的时候怎么是上......
  • 面试官:vue2和vue3的区别有哪些?
    一、Vue3与Vue2区别详述1.生命周期对于生命周期来说,整体上变化不大,只是大部分生命周期钩子名称上+“on”,功能上是类似的。不过有一点需要注意,Vue3在组合式API(Comp......
  • 必会vue面试题(附答案)
    vue初始化页面闪动问题使用vue开发时,在vue初始化之前,由于div是不归vue管的,所以我们写的代码在还没有解析的情况下会容易出现花屏现象,看到类似于{{message}}的字样,虽然一般......
  • 前端一面必会vue面试题(边面边更)
    为什么要使用异步组件节省打包出的结果,异步组件分开打包,采用jsonp的方式进行加载,有效解决文件过大的问题。核心就是包组件定义变成一个函数,依赖import()语法,可以实现文......
  • 说说你对Vue的keep-alive的理解
    什么是keep-alive在平常开发中,有部分组件没有必要多次初始化,这时,我们需要将组件进行持久化,使组件的状态维持不变,在下一次展示时,也不会进行重新初始化组件。也就是说,keep......
  • 说说Vue响应式系统中的Watcher和Dep的关系-面试进阶
    引言在这里我先提出两个问题(文章末尾会进行解答):在Vue的数据响应系统中,Dep和Watcher各自分担什么任务?Vue的数据响应系统的核心是Object.defineproperty一定是最好的吗?有......
  • 京东前端高频vue面试题(边面边更)
    Redux和Vuex有什么区别,它们的共同思想(1)Redux和Vuex区别Vuex改进了Redux中的Action和Reducer函数,以mutations变化函数取代Reducer,无需switch,只需在对应的mutation函......
  • 前端vue面试题集锦1
    Vue.extend作用和原理官方解释:Vue.extend使用基础Vue构造器,创建一个“子类”。参数是一个包含组件选项的对象。其实就是一个子类构造器是Vue组件的核心api实现......
  • 强化学习的基础知识和6种基本算法解释
    强化学习的基础知识和概念简介(无模型、在线学习、离线强化学习等)机器学习(ML)分为三个分支:监督学习、无监督学习和强化学习。监督学习(SL):关注在给定标记训练数据的情......