组件模板中响应式访问组件中内容

形式

content中

• innerText中使用{{}}包围表达式

Vue 命令

Vue 命令的值

• 整个值都会被看作js表达式看待

实例

• <div :id=“`row-${index}`” />
  • 当index为1时候，渲染出来为：<div id=“row-1” />

命令的键

实例

<a v-bind:[attributeName]="url"> ... </a>
<!-- 简写 -->
<a :[attributeName]="url"> ... </a>

注意

• 不能是表达式，只能是字符串

<!-- 这会触发一个编译器警告 -->
<a :['foo' + bar]="value"> ... </a>

注意

• 直接给属性赋值是不能动态引用组件中的内容的，用Vue v-bind命令 单向加载组件数据到html中是更好、更推荐的

可以访问到的内容

1. 不需要前缀, 可直接访问组件中的data或props或方法
2. child::组件模板自动解构响应式引用