type
status
date
slug
summary
tags
category
icon
password
生命周期
beforeCreate:创建之前,data和methods的对象还没有初始化，作用：页面重定向
created:创建之后，data和methods中的数据初始化完成，第一个可以操作data和methods中的数据的生命周期
beforeMount:虚拟dom挂载 作用：数据初始化，接口请求
mounted:真实的dom，第一个可以操作dom元素的生命周期
beforeUpdate:更新之前，data和页面内的数据还未保持同步，页面中的数据是旧的，data中的数据是最新的
updated:更新之后，data和页面中的数据已经保持一致
beforeDestory:销毁之前，页面还没有真正的销毁 作用：清空页面监听和定时器
destoryed:销毁之后
动画
transition标签包裹起来 name
六个类名：
v-enter
v-enter-to
v-enter-active
v-leave
v-leave-to
v-leave-active
第三方动画库的使用
钩子函数
包裹多个元素：transition-group
axios请求
.get(’url’)
.post(’url’,data,配置)
二次封装axios
配置
请求拦截器
对发送的数据进行处理
响应拦截器
对返回的数据和状态码进行处理
组件
模块和组件的区别
模块化
从代码逻辑的角度划分；方便代码分层开发，保证每个功能模块的职能单一
组件化
从UI界面的角度划分；前端的组件化，方便UI组件的重用
父子组件传参
父传子
1、在父组件的子标签中自定义一个属性
2、在子组件中使用props接收参数
子传父
1、在父组件的子标签中自定义一个方法，方法中的参数就是子组件传过来的数据
2、在子组件中调用$remit(’自定义方法名’,传递的数据)方法进行传递
- 作者:昕昕丶未来不是梦
- 链接:https://pisce.buzz/article/web_vue2_03
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。