摘要：
严格模式 ES6 的模块自动采用严格模式，不管你有没有在模块头部加上"use strict";。 严格模式的限制如下 变量必须声明后再使用 函数的参数不能有同名属性，否则报错 不能使用with语句 不能对只读属性赋值，否则报错 不能使用前缀 0 表示八进制数，否则报错 不能删除不可删除的属性，否则报 阅读全文
摘要：
为什么使用slot slot(插槽) 在生活中很多地方都有插槽，电脑usb的插槽，插板当中的电源插槽 插槽的目的是为了让我们原来的设备具备更多的扩展性 比如电脑的USB我们可以插入U盘，手机，鼠标，键盘等等 组件中的插槽 组件的插槽也是为了让我们的组件更具有扩展性 让使用者决定组件内部的一些内容到底 阅读全文
摘要：
父组件和子组件 我们经常分不清什么是父组件，什么是子组件。现在来简单总结下：我们将某段代码封装成一个组件，而这个组件又在另一个组件中引入，而引入该封装的组件的文件叫做父组件，被引入的组件叫做子组件。具体代码如下 <div id="app"> <component2></component2> </d 阅读全文
摘要：
组件的组织 通常一个应用会以一棵嵌套的组件树的形式来组织： 例如，你可能会有页头、侧边栏、内容区等组件，每个组件又包含了其它的像导航链接、博文之类的组件。 为了能在模板中使用，这些组件必须先注册以便 Vue 能够识别。这里有两种组件的注册类型：全局注册和局部注册。至此，我们的组件都只是通过 Vue. 阅读全文
摘要：
前言 有时候有一组html结构的代码，并且这个上面可能还绑定了事件。然后这段代码可能有多个地方都被使用到了，如果都是拷贝来拷贝去，很多代码都是重复的，包括事件部分的代码都是重复的。那么这时候我们就可以把这些代码封装成一个组件，以后在使用的时候就跟使用普通的html元素一样，拿过来用就可以了。 基本使 阅读全文
摘要：
v-model v-model指定可以实现表单值与属性的双向绑定。即表单元素中更改了值会自动的更新属性中的值，属性中的值更新了会自动更新表单中的值 绑定的属性和事件 v-model在内部为不同的输入元素使用不同的属性并抛出不同的事件： 1.text和textarea元素使用value属性和input 阅读全文
摘要：
前言 需求：有这样一个数组[10, 20, 110, 200, 60, 30, 40] 1.筛选出数组中小于100的元素 2.将筛选出的每个元素的值x2 3.完成第2步之后，将数组中的所有元素加起来 普通方法 如果我们还没接触过filter、map、reduce，那么就是用for循环 <script 阅读全文
摘要：
购物车案例 经过一系列的学习，我们这里来练习一个购物车的案例 **需求：**使用vue写一个表单页面，页面上有购买的数量，点击按钮+或者-，可以增加或减少购物车的数量，数量最少不得少于0，点击移除按钮，会移除该商品，当把所有的商品移除后，页面上的表单消失，然后出现文字：购物车为空，表单下方是商品的总 阅读全文
摘要：
循环 在模板中可以用v-for指令来循环数组，对象等。 循环数组 我们可以用 v-for 指令基于一个数组来渲染一个列表。v-for 指令需要使用 item in items形式的特殊语法，其中 items 是源数据数组，而 item 则是被迭代的数组元素的别名。 <div id="app"> <u 阅读全文
摘要：
v-if 在模板中，可以根据条件进行渲染。条件用到的是v-if、v-else-if以及v-else来组合实现的。示例代码如下： <div id="app"> <p v-if="weather == 'sun'">今天去公园玩！</p> <p v-else-if="weather == 'rain'" 阅读全文