vue学习笔记2024

《Vue.js从入门到项目实战》 孙鑫
v-bind用于响应式地更新HTML属性，v-on用于监听DOM事件,变量需要引号引起来，v-model用于表单<input>、<textarea>、<select>上创建双向数据绑定，v-model用于表单<input>、<textarea>、<select>上创建双向数据绑定
v-if是彻底没有
v-的命令需要把变量用引号引起来，插值{{}}则不需要
v-if和v-for在同一个元素上使用时，v-if优先级高于v-for，意味着v-if不能访问v-for范围内的变量.可以利用<template>解决,不建议同时用，可以通过计算属性替换

javascript中的this并不是指向对象本身，其指向根据当前上下文变化。
箭头函数如果被非箭头函数包含，则this绑定的是最近一层非箭头函数的this；否则this的值会被设置为全局对象

vue管理的函数都不要用箭头函数定义：一定不要使用箭头函数定义方法或定义监听器函数，否则this将不会是组件实例，因为箭头函数指向的是父级作用域的上下文

若想在绑定的事件中访问原始DOM事件，可以将$event传给方法。
若要访问原始DOM元素节点对象，可以调用event.currentTarget

 计算属性与方法的主要区别：在依赖的属性没有发生变化时，多次调用计算属性，则不会再次执行，直接返回之前计算的结果；方法时每次被调用时，每次都会执行一遍