Vue基础-模板语法

Vue基础-模板语法

1.0 methods方法绑定this

image-20220323205731167

问题一:不能使用箭头函数

image-20220323205932356

问题二:this到底指向了什么?

image-20220323211632067

2.0 模板语法

image-20220323211708157

2.1 Mustache双大括号语法

image-20220323211814089

2.2 V-once指令

image-20220323234205740

2.3 v-text指令

image-20220323234242131

2.4 v-html

image-20220323234309571

2.5 v-pre

image-20220323234346547

2.6 v-cloak

image-20220323234454215

2.7 v-bind的绑定属性

image-20220323234529309

2.8 绑定基本属性

image-20220323234607511

2.9 绑定class介绍

image-20220323234639042

image-20220323234709759

image-20220323234751779

2.10 绑定style介绍

image-20220323234841869

image-20220323234858980

2.11 绑定一个对象

image-20220324000348451

2.12 v-on绑定事件

image-20220324000416980

image-20220324000442633

image-20220324000458652

image-20220324000517680

image-20220324000536760

2.13 条件渲染

image-20220324000621742

image-20220324000638180

2.14 template元素

image-20220324001359745

2.15 v-show和v-if的区别

image-20220324001504136

2.16 列表渲染

image-20220324001608155

image-20220324001923747

v-for支持的类型

image-20220324002000468

image-20220324002024552

3.0 模板语法

3.1 数组更新检测

image-20220324002132965

3.2 v-for中的key是什么用

image-20220324002312630