学习vue之第四天

今天学习了：

主要介绍两种经常混淆的字符串截取方法:substring和substr

（1）substring
作用：用于提取字符串中介于两个指定下标之间的字符
语法：substring(start,end)
语法解析：start开始和end结束的位置，从零开始的索引，包头不包尾

（1）substring验证
1、只有一个参数（自动输出后面所有字符）

2、start > end 当读取位置大于结束位置的时候，substring会自动调整位置

3、start = end

4、start<0 或者 end<0

5、正常取值start<end（包头不包尾）

（2）substr
定义：返回字符串的一个子串，传入参数是起始位置和长度

（2）substr验证
1、只有一个参数，正整数（自动输出后面所有字符）

2、只有一个参数，正整数且start为负数
如果start为负数，则start=str.length+start

3、两个参数，length 为 0 或负数
返回一个空字符串

4、两个参数，length为正整数（包头包尾）

什么是计算属性？
通过之前章节，已经可以搭建一个简单的Vue应用，在模板里双向绑定一些数据或者表达式。

计算属性缘由：
模板内的表达式是非常便利的，但是它们实际上只用于简单的运算，如果在模板里放入太多的逻辑会让模板过于臃肿且难以维护。

注意：
1、this—在构造函数中，访问本身方法时，需要利用this代表自身，去指向对应的方法和数据。
2、写法上类似于函数，调用时类似于属性，所以起名为计算属性
3、顾名思义，首先它是一种属性，其次它有“计算”这个特殊性质。每次取得它的值得时候，它并不像普通属性那样直接返回结果，而是经过一系列的计算之后再返回结果。

计算属性缓存VS方法
1、计算属性是基于他们的依赖进行缓存的
2、计算属性只有在它的相关依赖发生改变时才会重新计算（改变才会重新计算，如果不改变情况下连续多次调用时，会发现不会再次调用该方法）
3、同个方法在不同界面可能调用多次，如果使用方法调用，则每次调用都会将复杂算法执行一次，浪费性能；

简介：
除了计算属性，Vue 提供了一种通用的方式来观察和响应 Vue 实例上的数据变动：侦听属性/器、观察者。
通俗理解：
当vue实例数据发生变动，watch属性可以快速检测到改变的数据
接下来结合具体案例了解下watch侦听器属性。

观察者模式：
观察者（观察者模式）
vue 框架本身作为调度中心，使得开发者只需要关注两个核心主体——被观察者以及被观察者变化之后所需要采取的操作。

将 price和 number作为被观察者，watch 方法中为二者定义了当它们发生变动时所需要添加的操作，这里只进行了 console.log 打印，开发者可以根据自身需要完成更为复杂的功能。

（1）使用计算属性还是methods取决于是否需要缓存，当遍历大数组和做大量计算时，应当使用计算属性，除非你不希望得到缓存。
（2）因为侦听器watch相对繁琐，大多情况下推荐用计算属性computed选项处理即可。
（3）在 Vue 中，computed 的属性可以被视为是 data 一样，可以读取和设值，因此在 computed 中可以分成 getter（读取） 和 setter（设值），一般情况下是没有 setter 的，computed 预设只有 getter ，也就是只能读取，不能改变设值

（4）vue.js计算属性默认只有 getter，因为是默认值所以我们也常常省略不写
（5）注意：vue.js计算属性默认只有 getter，因为是默认值所以我们也常常省略不写