随笔分类 - https://cn.vuejs.org/
摘要：基础 节点、树以及虚拟 DOM createElement 参数 使用 JavaScript 代替模板功能 JSX 函数式组件 模板编译
阅读全文
摘要：插槽内容 编译作用域 后备内容 具名插槽 作用域插槽 动态插槽名 具名插槽的缩写 其它示例 废弃了的语法
阅读全文
摘要：事件名 自定义组件的 v-model 将原生事件绑定到组件 .sync 修饰符
阅读全文
摘要：vue@0.11 vue@0.12 vue@1.0 vue@2.x 基础 安装与介绍 Vue实例 模板语法 计算属性和侦听器 Class 与 Style 绑定 条件渲染 列表渲染 事件处理 表单输入绑定 深入了解组件 组件注册 Prop 自定义事件 插槽 动态组件 & 异步组件 处理边界情况 过渡
阅读全文
摘要：所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定：父级 prop 的更新会向下流动到子组件中，但是反过来则不行。这样会防止从子组件意外变更父级组件的状态，从而导致你的应用的数据流向难以理解。 额外的，每次父级组件发生变更时，子组件中所有的 prop 都将会刷新为最新的值。这意味着
阅读全文
摘要：像这样，你已经知道了可以像这样给 prop 传入一个静态的值： <blog-post title="My journey with Vue"></blog-post> <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <me
阅读全文
摘要：如果你想要将一个对象的所有 property 都作为 prop 传入，你可以使用不带参数的 v-bind (取代 v-bind:prop-name)。例如，对于一个给定的对象 post： post: { id: 1, title: 'My Journey with Vue' } 下面的模板： <bl
阅读全文
摘要：<!-- 即便对象是静态的，我们仍然需要 `v-bind` 来告诉 Vue --> <!-- 这是一个 JavaScript 表达式而不是一个字符串。--> <blog-post v-bind:author="{ name: 'Veronica', company: 'Veridian Dynami
阅读全文
摘要：<!-- 即便数组是静态的，我们仍然需要 `v-bind` 来告诉 Vue --> <!-- 这是一个 JavaScript 表达式而不是一个字符串。--> <blog-post v-bind:comment-ids="[234, 266, 273]"></blog-post> <!-- 用一个变量
阅读全文
摘要：<!-- 包含该 prop 没有值的情况在内，都意味着 `true`。--> <blog-post is-published></blog-post> <!-- 即便 `false` 是静态的，我们仍然需要 `v-bind` 来告诉 Vue --> <!-- 这是一个 JavaScript 表达式而
阅读全文
摘要：<!-- 即便 `42` 是静态的，我们仍然需要 `v-bind` 来告诉 Vue --> <!-- 这是一个 JavaScript 表达式而不是一个字符串。--> <blog-post v-bind:likes="42"></blog-post> ```html <!DOCTYPE html> <
阅读全文
摘要：到这里，我们只看到了以字符串数组形式列出的 prop： props: ['title', 'likes', 'isPublished', 'commentIds', 'author'] 但是，通常你希望每个 prop 都有指定的值类型。这时，你可以以对象形式列出 prop，这些 property 的
阅读全文
摘要：HTML 中的 attribute 名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时，camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名： Vue.component('blog-po
阅读全文
