Vuejs前三天学习内容的总结(6.3-6.5)
一.邂逅Vuejs
1,1认识Vuejs
为什么学习Vuejs
Vue的读音
Vue的渐进式
Vue的特点
1.2安装Vue
CDN引入
下载引入
npm安装
1.3Vue的初体验
hello Vuejs
1.mustache->体验Vue响应式
Vue列表展示
1.v-for
2.后面给的数组追加元素的时候,新的元素也可以在界面中渲染出来
3.Vue计数器小案例
事件监听:click->methods
1.4Vue中的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:src
href
3.2 v-bind动态绑定class
对象语法:作业:class=’{类名:boolean}’
数组语法:
3.3 v-bind动态绑定style
对象语法:
数组语法:
四、计算属性
案例一:firstName+lastName
案例二:books->price