摘要:
插槽内容 编译作用域 后备内容 具名插槽 作用域插槽 动态插槽名 具名插槽的缩写 其它示例 废弃了的语法 阅读全文
摘要:
事件名 自定义组件的 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> <!-- 用一个变量 阅读全文