- $event指的是事件相关的参数 $event.target可以获取当前标签
<button v-on:click="add($event)">按钮{{num}}</button>
add(a){
console.log(a)
console.log(a.target)
a.target.style.background='pink'
}
- ref:
<button v-on:click="add()" ref="btn">按钮{{num}}</button>
add(){
console.log(this.$refs)
console.log(this.$refs.btn)
this.$refs.btn.style.background="greenyellow"
}
3. v-html可以识别标签
4. v-text识别不了标签,可以使用插值表达式{{}}代替
一、export default 的 name 属性
- 他表示组件的名称
- keep-alive 指定依据就是组件的 name 属性
二 、onclick 和 addEventListener
onclick 只会执行最后一个
addEventListerner 其实是对方法进行一个收集,比如放到数组里, fn.call(boxDiv)
三、call 函数的功能:
其一、让函数立执行;
其二、可改变 this 的指向;
其三、可实现继承问题;
四、?代替 if
this.name==‘xia’ ? this.age=13 : this.age=0
五、node
- node 可以执行js
- node 可以写工具
- node 可以更改文件名
- node 可以写接口
六、函数和方法的区别
七、react 纯函数
react 不允许修改props 因为react 希望每个组件是像是一个纯函数,不允许随便修改,单项数据流
reduce 也是 纯函数文章来源:https://www.uudwc.com/A/Y63Gg/
八、内存泄漏
如果不指向引用,都会被释放文章来源地址https://www.uudwc.com/A/Y63Gg/