07 2021 档案
vue---lifecycle
摘要:#vue生命周期 什么是生命周期? /* * 组件实例从创建到销毁的过程,分别为创建前后,渲染前后,更新前后,销毁前后,每个过程对应着相应的钩子函数 * 在函数中添加代码逻辑。不要使用箭头函数定义钩子函数,箭头函数没有this,this会作为变量向上级词法作用域查找,直到找到为止,会报找不到属性的错
阅读全文
posted @ 2021-07-25 18:58
dafeiyunli
vue---methods and watch
摘要:methods 可以在methods中使用箭头函数吗? methods: { getMsg:()=>{ console.log(this) //window对象 } } /* * 使用箭头函数会改变this的指向 * */ 为什么要在html中监听事件? 方便阅读,查找 逻辑和dom完全解耦,方便测
阅读全文
posted @ 2021-07-24 13:38
dafeiyunli
vue---computed
摘要:computed 计算属性是什么? //当一些数据需要经过特殊处理或计算展示,这是可以使用计算属性 //计算属性的结果会被缓存,只有当他所依赖的属性被改变时,才会重新计算 ##计算属性的值可以修改吗? //可以,但是如果时普通写法的话会报错,计算属性默认只提供getter //Computed pr
阅读全文
posted @ 2021-07-24 12:57
dafeiyunli
vue---props
摘要:props props是什么? /* * props是用于子组件接收父组件的数据,可以是简单数组也可以是对象, * 对象写法可以做一些类型判断,默认值等 * <my-comp :title="header" :body="body"></my-comp> * Vue.component('my-co
阅读全文
posted @ 2021-07-24 12:08
dafeiyunli
vue---data
摘要:data 类型为对象或函数 ###什么时候为对象?什么时候为函数? /* * 当使用new Vue({})时候可以为对象,因为这种方式是生成一个根组件 * 根组件不会复用,就不会存在data数据共享的情况.其他组件的data声明必须为一个函数 * 否则会提出警告,程序无法正常执行 * */ Vue.
阅读全文
posted @ 2021-07-24 11:09
dafeiyunli
浙公网安备 33010602011771号