vue基础语法01

目录

1. 模板语法

1.1 插值

1.1.1 文本

1.1.2 html

 1.1.3 属性

总结：（v-model，v-bind，{ {}}的区别）

 1.1.4 表达式

  1.2 指令

1.2.1 核心指令

  1.2.2 参数 

 1.2.3 动态参数

  1.2.5 简写

1.3. 过滤器

1. 4. 计算属性

1. 5. 监听属性

计算属性和监听属性的区别

与watch之间的区别：

---

1. 模板语法

1.1 插值

1.1.1 文本

{ {msg}}

 

1.1.2 html

使用v-html指令用于输出html代码

         

 

 1.1.3 属性

    HTML属性中的值应使用v-bind指令

 

 

把class换成id时，结果如下

总结：（v-model，v-bind，{ {}}的区别）

1.v-model:数据双向绑定
2.v-bind:绑定标签属性值，如：v-bind:class/v-bind:id.....
3.{ {}}:插值，针对标签中文值进行插入

 1.1.4 表达式

    Vue提供了完全的JavaScript表达式支持

<