v-bind 绑定一个属性,可缩写为“ ： ” v-on添加一个事件监听器 ，缩写“ @” v-model实现数据双向绑定 v-once只能被渲染一次，当信息更新时，显示不会变化 v-solt为具名插槽可以缩写为“ # ”
key:使用 key，它会基于 key 的变化重新排列元素顺序，并且会移除 key 不存在的元素。有相同父元素的子元素必须有独特的 key。重复的 key 会造成渲染错误。
ref :被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例.$refs 只会在组件渲染完成之后生效，并且它们不是响应式的。这仅作为一个用于直接操作子组件的“逃生舱”——你应该避免在模板或计算属性中访问 $refs。ref 需要在dom渲染完成后才会有，在使用的时候确保dom已经渲染完成。比如在生命周期 mounted(){} 钩子中调用，或者在 this.$nextTick(()=>{}) 中调用。
ref的三种用法：https://blog.csdn.net/wh710107079/article/details/88243638
计算属性Vs方法：两种执行方法能实现同样的结果，但是计算属性时基于响应式依赖进行缓存的。只在他们的相关响应式依赖发生变化时才会重新求值，也就是说只要初始值没有发生改变，就无需重新求值，立即返回结果。
计算属性Vs侦听属性：Vue 提供了一种更通用的方式来观察和响应 Vue 实例上的数据变动：侦听属性。当你有一些数据需要随着其它数据变动而变动时，你很容易滥用 watch——特别是如果你之前使用过 AngularJS。然而，通常更好的做法是使用计算属性而不是命令式的 watch 回调。watch应该是作为computed的补充，而不是代替。细想一下这个例子：
计算属性和侦听属性都可以监听数据的变化，都是响应式的
同步和异步：同步指的是任务是一个接一个的去完成，上一个任务没有完成，下一个任务就不能开始。异步是指任务执行不相互依赖。
对象语法：我们可以传给 v-bind:class 一个对象，以动态地切换 class
绑定的数据不一定要内联定义在模板里；也可以绑定一个计算属性(详见class与style绑定）
注意：
多重值：
同一级中，样式表文件中越靠后的优先级越高
v-if和v-show:使用 v-if 的时候，如果值为 false ，那么页面将不会有这个 html 标签生成。v-show 则是不管值为 true 还是 false ， 元素始终会被渲染并保留在 DOM 中，只是 CSS 中的 display显示或隐藏。一般来说，v-if 有更高的切换开销，而 v-show 有更高的初始渲染开销。因此，如果需要非常频繁地切换，则使用 v-show 较好；如果在运行时条件很少改变，则使用 v-if 较好。v-show 不支持 <template> 元素.
数组更新检测
其中splice(),reverse(),push()最常使用
本次整理共分为三个部分，此为一。
网友评论