Vue应用程序开发（第2版）课件 第3章Vue.js内置指令第2节v-bind指令.pptxVIP

第3章：Vue.js的内置指令《Vue应用程序开发》

010203005Part13.1基本指令Part23.2v-bind指令Part33.3v-model指令Part43.4章节案例目录CONTENTS

3.2v-bind指令v-bind?指令的基本语法格式为“v-bind:属性名”，Vue?官方为其提供了一个简写方式，如v-bind:src可以简写成:src，代码如下：

3.2v-bind指令使用v-for指令渲染了课程类名和课程列表，如果某课程是热门课程，希望在课程名称后面标注热门图标，则需要绑定样式。例如，在热门课程的数据中增加数据hot:true，在非热门课程的数据中增加数据hot:false（或者不增加数据），代码如下。

感谢聆听THANKYOUFORLISTENING