初识vue

143 阅读1分钟

初始Vue

初识:

1.想让Vue工作就必须创建一个Vue实例,且要传入一个配置对象

2.root容器里的代码依然符合html规范,只不过混入了一些特殊的Vue语法

3.root容器里的代码被称为“vue模板”

4.Vue实例和容器是一一对应

5.真实开发中只有一个Vue根实例,并且会配合着组件一起使用

6.{{xxx}}中的xxx要写js表达式,且xxx可以自动读取到data中的所有属性

7.一旦data中的数据发生改变,那么模板中用到该数据的地方会自动更新

微信图片_20210805220710.png

微信图片_20210805221202.png

模板语法包括插值语法和指令语法

微信图片_20210805222505.png

微信图片_20210805222817.png

单向数据绑定和双向数据绑定

v-bind实现单向数据绑定, v-model实现双向数据绑定 v-model只能应用在表单类元素(输入类元素) 微信图片_20210805223725.png

微信图片_20210805224140.png

微信图片_20210805224819.png

MVVM模型

微信图片_20210805230811.png

微信图片_20210805231619.png

数据代理

通过一个对象代理另一个对象中属性的操作

微信图片_20210805235836.png

微信图片_20210806001147.png

事件修饰符

微信图片_20210806001835.png

微信图片_20210806003608.png