编译作用域

当你想在一个插槽中使用数据时,例如:

  1. <navigation-link url="/profile">
  2. Logged in as {{ user.name }}
  3. </navigation-link>

该插槽跟模板的其它地方一样可以访问相同的实例属性 (也就是相同的“作用域”),而不能访问 <navigation-link> 的作用域。例如 url 是访问不到的:

  1. <navigation-link url="/profile">
  2. Clicking here will send you to: {{ url }}
  3. <!--
  4. 这里的 `url` 会是 undefined,因为 "/profile" 是
  5. _传递给_ <navigation-link> 的而不是
  6. 在 <navigation-link> 组件*内部*定义的。
  7. -->
  8. </navigation-link>

作为一条规则,请记住:

父级模板里的所有内容都是在父级作用域中编译的;子模板里的所有内容都是在子作用域中编译的。