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:
• 生命周期函数

二.插值语法

• mustache语法
• v-once
• v-html
• v-text
• v-pre:{{}}
• v-cloak:斗篷

三.v-bind

3.1 v-bind绑定基本属性

• v-bind:str
• :href

3.2 v-bind动态绑定class

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

3.3 v-bind动态绑定style

• 对象语法:
• 数组语法:

四.计算属性

• 案例一:firstname+lastname
• 案例二:books -> price