vue的属性绑定

vue的属性绑定

组件的迁移

代码实例

1. <template>
2. <template>
3.   <HelloWorld />
4. </template>{{ msg }}
5. </template>

复制代码

1. <template>
2.   <HelloWorld />
3. </template>

复制代码

1. // main.ts
2. import { createApp } from 'vue'
3. import App from './App.vue'
5. // 创建 Vue 应用并挂载到 #app 元素
6. createApp(App).mount('#app')

复制代码

v-bind属性绑定attribute

dynamic动态属性绑定效果

代码

1. <template>
2. <template>
3.   <HelloWorld />
4. </template>{{ msg }}
5. </template><template>
6.   <HelloWorld />
7. </template>动态测试属性绑定

复制代码

给动态属性加css渲染

注意id和class是不同的
效果

如果undefined

依旧没有

1. 动态测试属性绑定
2. 可以直接写
3. 动态测试属性绑定

复制代码

1. <template>
2. <template>
3.   <HelloWorld />
4. </template>{{ msg }}
5. </template><template>
6.   <HelloWorld />
7. </template>动态测试属性绑定

复制代码

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！