摘要: 组件是可复用的 Vue 实例,且带有一个名字:在这个例子中是 <button-counter>。我们可以在一个通过 new Vue 创建的 Vue 根实例中,把这个组件作为自定义元素来使用: 因为组件是可复用的 Vue 实例,所以它们与 new Vue 接收相同的选项,例如 data、compute 阅读全文
posted @ 2018-05-18 17:58 麻辣烤翅 阅读(2527) 评论(0) 推荐(0) 编辑
摘要: 当它们处于同一节点,v-for 的优先级比 v-if 更高,这意味着 v-if 将分别重复运行于每个 v-for 循环中。当你想为仅有的一些项渲染节点时,这种优先级的机制会十分有用,如下: 上面的代码只传递了未完成的 todos。 而如果你的目的是有条件地跳过循环的执行,那么可以将 v-if 置于外 阅读全文
posted @ 2018-05-18 15:58 麻辣烤翅 阅读(208) 评论(0) 推荐(0) 编辑
摘要: v-if 是“真正”的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。 v-if 也是惰性的:如果在初始渲染时条件为假,则什么也不做——直到条件第一次变为真时,才会开始渲染条件块。 相比之下,v-show 就简单得多——不管初始条件是什么,元素总是会被渲染,并且只是 阅读全文
posted @ 2018-05-17 18:18 麻辣烤翅 阅读(127) 评论(0) 推荐(0) 编辑
摘要: 执行结果: 成功的显示: 失败的执行结果: 1. 阅读全文
posted @ 2018-05-17 15:17 麻辣烤翅 阅读(207) 评论(0) 推荐(0) 编辑
摘要: 1.计算属性 2.方法 阅读全文
posted @ 2018-05-16 18:34 麻辣烤翅 阅读(232) 评论(0) 推荐(0) 编辑
摘要: 1.侦听属性(watch):当有一些数据需要随着其它数据变动而变动时,用 watch 可以看出上面的代码重复性很大 2.计算属性(computed):实时检测属性有没有发生变化,当发生变化时,相应computed的属性也会随之发生变化 代码重复性小 阅读全文
posted @ 2018-05-16 18:28 麻辣烤翅 阅读(3266) 评论(0) 推荐(0) 编辑
摘要: 1.双大括号:双大括号会将数据解释为普通文本,而非 HTML 代码。 2.v-html:v-html会将数据解析为HTML代码 代码演示: 结果显示: 阅读全文
posted @ 2018-05-16 15:20 麻辣烤翅 阅读(4754) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <meta charset="utf-8" /> <title>WebSocket Test</title> <script language="javascript"type="text/javascript"> var wsUri ="ws://echo.webs 阅读全文
posted @ 2018-04-03 10:15 麻辣烤翅 阅读(139) 评论(0) 推荐(0) 编辑
摘要: 1. call、apply和bind的第一个参数都是重新定义this对象的 2. call、apply是立即执行,bind返回函数 ( 注 :定时器里面的 this 指 window ) a. apply传递的第二个参数是数组 b. call参数都用逗号隔开 c. bind 1. 2. 3. cal 阅读全文
posted @ 2018-03-26 18:52 麻辣烤翅 阅读(156) 评论(0) 推荐(0) 编辑
摘要: 1.普通函数 2.构造函数 构造函数的正确用法 构造函数的错误用法 1. 2. 构造函数和普通函数的区别 阅读全文
posted @ 2018-03-23 11:41 麻辣烤翅 阅读(425) 评论(0) 推荐(0) 编辑