1.Vue安装的三种方式。

01.vue的入门

2.vue初体验

  • 响应式:数据变,页面显示的内容也变
  • 声明式编程:数据和页面的显示分离开了
  • Vue的参数是一个对象
  • el绑定了标签
  • data对象里面存着数据,替换上方{{name}}

01.vue的入门

3.列表展示

  • item in movies就相当于k in movies
  • 是一种即时反馈的,向数组中添加新的元素,页面会立即显示

01.vue的入门

4.计数器案例

  • @click 是 v-on:click的语法糖,就是简写
  • this.counter而不是this.data.counter目前还不明白,但记住data里面的xx就是this.xx

01.vue的入门

5.MVVM(Model View ViewModel)

  • view层专注显示页面
  • Model专注于数据
  • viewmodule,监听页面操作和数据绑定处理
  • 计数器中div就是view,data对应model,vue对象对应viewmodel

01.vue的入门

6.Vue生命周期

在创建vue对象的时候,可以通过一些生命周期函数来定位vue进行到哪一个过程了。

Vue创建过程中,过一定阶段,就会执行一些回调函数。

你在对象里面,写这些回调函数,就可以做一些事情。

vue源码中callhook的位置。

01.vue的入门

01.vue的入门

相关文章:

  • 2021-08-04
  • 2021-09-14
  • 2021-11-20
  • 2021-07-23
  • 2021-04-06
  • 2021-09-12
  • 2021-11-26
  • 2021-08-11
猜你喜欢
  • 2022-12-23
  • 2021-09-23
  • 2021-05-01
  • 2021-04-16
  • 2021-07-01
  • 2021-12-20
  • 2021-11-01
相关资源
相似解决方案