本文最后更新于 2024-10-13，文章内容可能已经过时。

Vue Day01

一、邂逅Vue.js

1.1. 认识Vue

  • 为什么学习Vue
  • Vue的读音
  • Vue的渐进式
  • Vue的特点

1.2. 安装Vue

  • CDN引入
  • 下载引入
  • npm引入

1.3. 初体验

  • Hello Vue.js
    • mustache -> 体验vue的响应式
  • Vue的列表展示
    • v-for
    • 后面的数组追加元素的时候，新的元素也能显示出来
  • Vue计数器案例
    • 事件监听

1.4. Vue中的MVVM

1.5. 创建Vue时，option 可以放哪些东西

  • el
  • data
  • methods
  • 生命周期函数

二、插值语法

  • mustache 语法
  • v-once
  • v-html
  • v-text
  • v-pre
  • v-cloak

三、v-bind

3.1. v-bind绑定基本属性

  • v-bind:
  • :src
  • :href

3.2. v-bind动态绑定

  • 对象语法：work :class = ‘{类名： boolean’
  • 数组语法：

四、计算属性

  • 案例一（firstName+lastName）
  • 案例二（books 计算总价格）