vue基础与常用指令实例总结

文章目录

• • • 1.v-bind
    • 2. v-on
    • • 2.1 参数问题
  • 2.2 修饰符问题

• 第3章. V-循环（重点内容）

• 第4章. V-条件判断（重点）

• 第5章. V-显示状态（重点）

• 第6章. V-模型组件（重点内容）

  • 第6节. V-模型组件介绍
  • 第7节. 如何在不同表单元素中应用V-模型组件？
    • 第8节. 结合radio按钮的不同场景应用V-模型组件
    • 第9节. 检查框的应用场景分析及V-模型组件配合应用
    • 第10节. select类型元素的应用实例解析及V-模型组件配合技巧分享
    • 第11节. 如何正确运用V-模型修饰符提升开发效率？

1.v-bind

作用：动态绑定HTML标签的属性。

v-bind的语法糖： ":"。

为什么用动态绑定属性呢？

比如，在我们构建一个网站的过程中，会遇到大量图片的需求。常常用< img src=“xxx” >这个标签来引入图片。在这里，“src”作为一个固定属性，在本质上是绑定了一个图片地址的静态链接。然而，在实际应用中发现，“程序员手动更新src的地址”的需求显然是不合理的。因此需要采用动态绑定属性。

上