vue3数据指令绑定

vue3.0语法基础（二）路由、组件传值、生命周期

一、指令概览

指令	简介	缩写
{{}}	①插值表达式，实现数据的双向绑定 ②其中内容作为表达式时，还可以用js的语法进行解析
v-html	绑定的内容为html
v-bind	绑定属性	:
v-text	元素的文本属性绑定
v-model	用户输入时，属性双向绑定	:model

v-if	条件判断，一般用来控制dom的显示和隐藏 （也可用v-show）
v-on	绑定事件，点击、回车等等 另外还有各种事件修饰符、案件修饰符可用，       帮助我们更加精确的处理	@
v-for	绑定循环

v-bind:style	绑定内联样式	:style
v-bind:class	绑定自定义样式	:class

二、指令详解

整理了个小案例，把每个属性都简单应用了一下：

参考地址：菜鸟教程-vue3.0