摘要：
组件名(推荐a-b-c) 当直接在 DOM 中使用一个组件 (而不是在字符串模板或单文件组件) 的时候：其他组件引用组件方式 我们强烈推荐遵循 W3C 规范中的自定义组件名 (字母全小写且必须包含一个连字符) 定义组件名的方式有两种： 使用 kebab-case(短横线分隔命名):使用时候直接一样的 阅读全文
posted @ 2019-06-14 11:08 追风0315 阅读(386) 评论(0) 推荐(0)
摘要：
本章节包括组件的:基本使用,组件的复用,组件组织,组件prop传参，切换,is特性，slot,事件绑定,v-model 基本使用: 组件是可复用的 Vue 实例，且带有一个名字 组件是可复用的 Vue 实例，所以它们与 new Vue 接收相同的选项，例如 data、computed、watch、m 阅读全文
posted @ 2019-06-14 10:01 追风0315 阅读(341) 评论(0) 推荐(0)
摘要：
基础用法:v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。 你应该通过 JavaScript 在组件的 data 选项中声明初始值,v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值而总是将 Vu 阅读全文
posted @ 2019-06-13 19:34 追风0315 阅读(232) 评论(0) 推荐(0)
摘要：
监听事件: 事件处理方法:都放模板不行的 内联处理器中的方法 事件修饰符 在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation() 是非常常见的需求。 尽管我们可以在方法中轻松实现这点，但更好的方式是：方法只有纯粹的数据逻辑，而不是去处理 阅读全文
posted @ 2019-06-13 18:59 追风0315 阅读(303) 评论(0) 推荐(0)
摘要：
1：用 v-for 把一个数组对应为一组元素 在 v-for 块中，我们可以访问所有父作用域的属性。v-for 还支持一个可选的第二个参数，即当前项的索引。 你也可以用 of 替代 in 作为分隔符，因为它更接近 JavaScript 迭代器的语法： 2：在 v-for 里使用对象，注:在遍历对象时 阅读全文
posted @ 2019-06-13 18:22 追风0315 阅读(315) 评论(0) 推荐(0)
摘要：
v-if v-else:必须跟在v-if 或者v-else-if才会被识别 v-else-if:2.1.0 新增 也必须紧跟在带 v-if 或者 v-else-if 的元素之后 key 管理可复用的元素 Vue 会尽可能高效地渲染元素，通常会复用已有元素而不是从头开始渲染。这么做除了使 Vue 变得 阅读全文
posted @ 2019-06-13 15:36 追风0315 阅读(2166) 评论(0) 推荐(0)
摘要：
Class 与 Style 绑定 操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用 v-bind 处理它们：只需要通过表达式计算出字符串结果即可。 不过，字符串拼接麻烦且易错。 因此，在将 v-bind 用于 class 和 style 时，Vue.j 阅读全文
posted @ 2019-06-13 15:10 追风0315 阅读(233) 评论(0) 推荐(0)
摘要：
计算属性computed 场景:模板里面表达式，不应该太复杂;对于任何复杂逻辑，你都应当使用计算属性。 基本使用 这里我们声明了一个计算属性 reversedMessage。我们提供的函数将用作属性 vm.reversedMessage 的 getter 函数： Vue 知道 vm.reversed 阅读全文
posted @ 2019-06-13 14:46 追风0315 阅读(282) 评论(0) 推荐(0)
摘要：
先简单介绍一下debounce，从最简单的一个场景入手，当用户不断点击页面，短时间内频繁的触法点击事件，只有在用户触法事件后的ns时间内，没有再触法事件，真正的监听函数才会执行，如果在这段时间内再次触法了事件，就需要重新计算这个ns。 debounce最主要的作用是把多个触法事件的操作延迟到最后一次 阅读全文
posted @ 2019-06-13 14:43 追风0315 阅读(4040) 评论(0) 推荐(0)
摘要：
插值 1：文本 {{}}/一次性绑定 2：html 注意，你不能使用 v-html 来复合局部模板，因为 Vue 不是基于字符串的模板引擎 你的站点上动态渲染的任意 HTML 可能会非常危险，因为它很容易导致 XSS 攻击。 请只对可信内容使用 HTML 插值， 绝不要对用户提供的内容使用插值。 3 阅读全文
posted @ 2019-06-13 14:05 追风0315 阅读(423) 评论(0) 推荐(0)
浙公网安备 33010602011771号