vue 课程学习p20---p40

计算属性
计算属性调用时，不加（）区别于方法


p12计算属性的复杂应用
计算data—>books里的总价

回顾


p23计算属性的getter和setter
计算属性一般没有setter方法
p24计算属性和methods对比

计算属性只调用一次，methods调用了4次
let和var 的区别

p31v-on 修饰符的使用
可阻止事件冒泡

.prevent 阻止默认事件，
.stop 阻止冒泡事件
@keyup.enter 加回车时触发事件
登录切换 input 复用问题
标签上加key属性，可解决虚拟dom渲染标签时的复用问题

v-if 与v-show 区别


v-for 遍历数组和对象
v-for = “item in info” 获取对象的值
v-for = “(item,key) in info” 获取对象的值和属性

…num，为可变长参数

过滤器的使用

v-model


修饰符


模板分离写法



组件中的data为什么是一个函数？0

不能识别大写？

父组件监听子组件事件

为什么使用slot插


具名插

作用域插鄛
父组件获取子组件的data


webpack文件分离


vue-loader vue-template-complier vue

vue-cli 脚手架
npm install -g @vue/cli

runtime-complier 和runtime-only区别

箭头函数的this的引用

后端路由



router-link tag=‘button’ 渲染成button标签
replace 不会留下历史记录

通过代码跳转路由


获取路由参数？

路由懒加载

**套路由 **

路由传参

守卫导航

文件别名

标签引用别名路径必须加波浪号

promise

promise三种状态

简写
new promise((resolve,reject)=>{
resolve()
}).then(res=>{
console.log(res)
return new promise(())

  return  res+1
  return

})

promise.all()两个请求满足
promise.all([new promise((relsolve,reject)=>{
resolve()
}),
new promise((relsolve,reject)=>{
resolve()
})
])
vuex状态管理

状态参数的修改，必须在store的multition里定义调用



单一状态树：只有一个store
getters类似于computed?

mutitltion的风格

state 会添加到系统的响应式系统，一旦watch观察到变化，则全部变化

通过索引值修改数组对象，无法立即响应
mutation的类型常量
‘incement’{
}
action 用来代替mutation的异步操作


通过rootstate 获取根的state变量

action调用

项目结构

axios





axios的promise封装
!在这里插入图片描述