day05/上午/091-尚硅谷-尚融宝-显示反转字符串

好，那接下来呢，我们来看一看啊，我们创建一个文件目录吧，呃，创建一个文件吧，叫零五计算属性。好，我们还是把这个DEMO给他复制过来，复制一下好，然后接下来呢，我们在这个里面呢，定义一个data啊，这个data呢，大家看哈，嗯，在我们的这个开发工具当中，因为我之前我们安过插件啊，就安过那个view的插件，所以呢，咱们在啊写的时候呢，当你直接写给塔的时候。直接回车，它呢，实际上自动就给你生成这样一个结构了，那这个结构呢，啊，前面我也说过，是不是和这个是一样的意思，雷塔冒号，然后圆括号啊，它俩是一样的意思，只不过就是在javascript当中给我们两种不同的呃这个表现方法而已，让正常的情况下完整的写法是这样的，然后这个呢，是一个简化的写法啊，那当然了，大家如果愿意用这个完整的写法也可以啊啊用完整的写法就直接data塔回车就行就可以，好，那在这个地方呢，我们可以写一个message，然后呢，这边写一个hello啊，随便定义一个字符串，然后接下来呢，如果我们想将这个message呢展示到页面当中的话，我们写一个P吧，好，那这块呢，就是。

我们啊实现的一个基础的功能，这个大家都了解，我们来运行一下，好就展示在这，现在呢，我有一个需求就是呢，把这个字符串倒着显示啊，显示OL eh，那这样的话呢，大家就想了啊，那我肯定是要找一些字符串相关的方法，对这个字符串进行一个操作，进行一个修改，对不对。好，我们怎么去做呢？第一种方式啊，在这个地方。我们可以显示一个反转。反转字符串好，反转字符串呢，我们可以在我们的这个大括号里面，不但呢可以直接写一个贝塔数据啊，还可以呢写一系列的一个表达式，只要这个表达式最终会会一个值就可以了，所以呢，我们可以这样写message点。

Split好叫拆分，用什么拆呢？我就用这个空字符串拆，那如果用split是拆分，把一个字符串按照某一个子字符串拆分成数组，那么我如果用空字符串拆的话，就是说单引号里面啥都不分写哈，那么它就会把这个字符串呢，每一个字符都拆分出来，并且放到一个数组里啊这个怎么去看呢？啊，阶段性的成果怎么去看呢？我们可以借助于浏览器的一个工具F12，我们打开这个F12的pencil，大家看这块有个光标是吧，我们在光标里面实际上直接就可以写内容了，比如说message that，当然这message呢，你得换成hello啊好，然后呢，直接回车就可以了，在这个地方呢，你就可以看到呢，它实际上呢，是把这个hello呢，呃，直接用空格拆开，然后呃，用这个空字符串拆开，拆到一个数组里面了。

而这个数组里面呢，就有五个元素12345，对吧，好，然后这就变成一个数组了，这不是嘛，对吧？啊，变成数组了之后呢，我们就可以对这个数组进行干嘛了呢？进行一个反转操作，那在javascript当中的数组啊，这个对象呢，它有一个方法叫做reverse方法啊，我们可以试一下，就还是刚才的这句话啊。粘到这，然后数组呢，有一个叫做re ver的一个方法，我们回这个回车，大家看现在的这个这个数组元素呢，就是反转过来得了o Le Le是不是好，那么当我们把数组反转回来之后呢，我们还可以继续继续呢，用另外一个数组的方法啊，把它呢转起来就是连接起来，所以呢，点goin转，用什么连呢？还是用空字符串连好，然后回车，那大家看现在我们就得到了一个字符串，这个字符串呢，就是我们需要的结果了，所以呢，我们。

就可以把这部分的内容给它复制一下，然后呢，放到我们的页面当中。翻到页面当中，当然前面这块我们给它还换回来啊，那所以这个整个就是我们需要的一个结果，那这就是反转积串的第一种实现方案，我们来看。对吧，好，那这种实现方案好不好呢？啊，按理来说呢，还可以，但是呢，它有一个缺点，它的缺点呢，就是大量的业务逻辑，呃，就是这个写在了视图中。

对吧，写在了视图中啊页面。代码不简洁或者是混乱，对吧？呃，之前我们写这个，呃，学习Java的时候，大家还记得我们学过一个MVC的概念吗？MVC是吧，MVC之所以有，就是因为我们想把模模型视图还有这个控制器给它分开，这样的话呢，我们代码呢分层次，然后呢，每一个部分呢啊各司其职，负责每一个部分的内容，那我们说视图呢，就负责展示数据，那么不要写大量的冗余的这个计算过程在我们的视图当中，所以呢，我们就希望呢，把这个计算过程啊移植到我们的这个业务逻辑的代码当中啊，那这样的话呢，我们就有若干种解决方案啊，其中呢啊，有一种解决方案呢，就叫计算属性，还有一种解决方案呢，就叫方法计算计算属性，然后还有一种解决方案呢，叫方法好。