摘要：
（1）基本示例 Vue组件示例 组件是可复用的 Vue 实例，且带有一个名字：在这个例子中是 <button-counter>。我们可以在一个通过 new Vue 创建的 Vue 根实例中，把这个组件作为自定义元素来使用： 因为组件是可复用的 Vue 实例，所以它们与 new Vue 接收相同的选项 阅读全文
摘要：
【一】基础用法 用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理 阅读全文
摘要：
（1）事件监听 v-on 指令监听 DOM 事件，并在触发时运行JS代码 案例2：计算按钮点击次数 监听事件 然而许多事件处理逻辑会更为复杂，所以直接把 JavaScript 代码写在 v-on 指令中是不可行的。因此 v-on 还可以接收一个需要调用的方法名称。如下所示，调用add_num方法 解 阅读全文
摘要：
Object函数提供了一个叫做assign的函数，用来合并多个对象。 Object.assign(...)； 你可以传递多个对象给该函数，这些对象中的自有且可枚举的属性，会被拷贝给第一个对象。 该方法会修改传入的第一个对象，所以要小心这种改变，由于，函数会在最后return这第一个对象， 你可以传一 阅读全文
摘要：
定义：接收一个或两个参数，它可以创建一个由当前数组中的一项或多项组成的新数组，注意是新数组哦~ 也就是说它不会修改原来数组的值。 用法：slice( para1 ),会截取从para1开始的到原数组最后的部分； slice（para1,para2）会截取原数组的从para1开始的para2-para 阅读全文
摘要：
filter也是一个常用的操作，它用于把Array的某些元素过滤掉，然后返回剩下的元素。 和map()类似，Array的filter()也接收一个函数。和map()不同的是，filter()把传入的函数依次作用于每个元素，然后根据返回值是true还是false决定保留还是丢弃该元素。 （1）筛选过滤 阅读全文
摘要：
首先简单回顾下v-for‘指令 （1）v-for指令 v-for 指令根据一组数组的选项列表进行渲染。v-for 指令需要使用 item in items 形式的特殊语法，items 是源数据数组并且 item 是数组元素迭代的别名。 在 v-for 块中，我们拥有对父作用域属性的完全访问权限。v- 阅读全文
摘要：
（1）v-if条件渲染 v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。 可以用 v-else 添加一个“else 块”： ①表达式 ②属性值 ③在 <template> 元素上使用 v-if 条件渲染分组（待验证） 因为 v-if 是一个指令， 阅读全文
摘要：
【一】绑定HTML Class （1）对象语法 ①普通绑定class 此时会发现class类名为show_area ②内联绑定数据对象 我们可以传给 v-bind:class 一个对象，以动态地切换 class： 上面的语法表示 active 这个 class 存在与否将取决于数据属性 isActi 阅读全文
摘要：
方案1： JavaScript reverse() 方法：颠倒数组中元素的顺序 reverse方法用于颠倒数组元素顺序，无法直接作用于字符串，所以需要先将字符串拆分为数组，再进行处理。 方案2： charAt() 方法可返回指定位置的字符。 （3）拓展 charAt() indexOf() stri 阅读全文