Vue Day 01

发表于 | 分类于 | 阅读次数:

Vue Day 01

一、邂逅Vuejs

1.1. 认识Vuejs

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

1.2. 安装Vue

  • CDN引入
  • 下载引入
  • npm安装

1.3. Vue的初体验

  • Hello Vuejs
    • mustache-体验vue响应式
  • Vue列表展示
    • v-for
    • 后面给数组追加元素的时候，新的元素也可以在界面中渲染出来
  • Vue计数器小案例
    • 事件监听：click-methods

1.4. Vue 中的MVVM

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

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

二、 插值语法

1
2
3
4
5
6
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动态绑定class

  • 对象语法：作业：class=’{类名: boolean}’
  • 数组语法：

3.3. v-bind动态绑定style

  • 对象属性：
  • 数组语法：

四、计算属性

  • 案例一：firstName + lastName
  • 案例二： books ->price