04_尚硅谷_Vue_计算属性之基本使用

我们看一下就是功能多一点。啊，下一个要讲呢，两个概念其实是一个叫计算属性，一个叫什么呢？先是嗯，这两个概念为什么要一起呢？因为它功能有类似的地方，我们看一下我们最终要做的效果。啊，我们最终要做一个什么呢？就是大家知道有人有姓名是吧，由姓和名组成。那我会在这里面输入姓，输入名，那这个时候。这个姓名是不是就应该自动显示啊。说白了，就是这个姓名是不是由姓和名组合起来的。没问题是吧，好。我们就要做类似的效果，还有一个其他的，等会再说啊，先看着一个基本的需求，接着呢我们就准备去写。啊，我现在呢，写了一个基本的结构在这里啊。啊，当然现在什么都没有。

假设呢，我现在需要这里面上来写是A，它显的示B，而它呢，写的什么呢？A空格，B是不是姓和名之间用那个空格隔开可以吧？好来说一下。啊，这个基本的这个页面我就已经写好了。这里面引入呢，因为每次都是同样的引路，所以我要把它准备好了，下面我要干嘛去，不留一个view呗耶啊。警号，戴帽。有一个什么data。好，下面一旦有input，你马上就要想到需要去写一个指令属性model。懂不懂啊，姓名信在这，我用first name来表达，下面你last name可以吧，好。

来啊，这个V-model取数据，从哪取数据的？这个时候我要给他初始化，他应该什么？A呀，是吧，再来一个什么B。好，现在这一个也要用一个什么呢？Model，那我就叫for name啊，一共我有会有三个测试啊，我叫一吧。好，那我这个按说，按我们现在学的话，就应该这么写。A，空格什么的B，好了，我们来看一下，看看现在是不是我们想要的一个效果啊。这是我们的吧，是的，好了，那现在我把它说成C。变吗？它不变。也就是说我现在变成是谁看一下。工具吗？有工具吗？工具很好用的。

变了没有变了。但是一变了没有没有。那也就是说我的这个for name一并没有随着我的first name改变，改变嘛，那它能不能变呢？当然可以变，你看呢啊。变了，没有变，但这不是我们想要的效果。对不对，我想要的效果是你去变上面的。对吧，下面的跟着变。这个用现有学的语法呢就不够了。能懂吧，下面我们要去学另外一个语法，叫计算属性。哎，它有另外一个配置叫什么呢？Comp什么意思。计算的意思对吧？好，这个里面需要写点东西，也就说这一个FIRST1不能写在上面啊，需要写的什么呢？写在下面，我也写，看看大家能不能懂。

其实我我觉得我一写大家应该是大概能懂的啊，Last。大家看啊，也就是说我现在的FOUR1是一个是不是计算属性里面一个方法。对吧，啊，计算属性啊。而且这个方法应该有个返回值。对吧，方法的返回值作为什么，是不是属性值。就我不需要一个属性值来显示吗。那没有看到，那你说这一个方法在我显示中肯定是不是会调用意思。大家看一下。不想回掉。

来刷一下。诶，这个里面来看一下它。老有这个问题是吧，呃，把这个去掉一个啊，把它去掉一个。把去一处。先都给他干掉，应该估计还是这个插件的问题，先都干了啊，都干了以后呢，接着我再去什么。再去装上。啊，管理应用程序，把我们的这个。这个插件多装了一次不太好啊。在在桌面吧。是他呀，把它拖到我们的这个里面来。啊添加。但是呢，装好以后最好什么启动一下，因为有的时候不启，诶其实就是打开它启动就行是吧。嗯，启动一下。

哎，现在有了是吧，检查。好了吧，啊，工具不能啊，装重了大家看着有没有掉。有掉了吧，嗯，有掉吧，没有太大问题，好，那也就是说现在啊，现在我们初始化显示没问题是吧，关键还不到，还不到位怎么办。我得去什么修改？啊，比如说我加个AC。变不变啊，加个BD变不变变。而且每一次改变我，无论是first name还是last name，改变这个函数，这个方法都会重新什么？执行次。为什么要执行？我需要这个值啊，对不对，说白了就这一个方法啊，这个方法。这个话什么时候会执行呢？对吧，什么时候执行啊，首先啊，第一个初始化显示要执行嘛。

懂不懂初始化显示，除了初始化显示。还有一个就是相关的属性发生了什么变化，相关的啊数据啊，Date属性数据啊。发生了什么改变，它是自动调用啊，哎，都不用我管。它就会自动执行。能看懂吧，啊，就是这么一个语法，还是很舒服的。