看了网上很多资料，对vue的computed讲解自己看的都不是很清晰，今天忙里抽闲，和同事们又闲聊起来，对computed这个属性才有了一个稍微比较清晰的认识，下面的文章有一部分是转自： https://www.w3cplus.com/vue/vue ...

冒号属性 　　　　：是指令 v-bind 的缩写，是为了动态绑定数据，用于响应式地更新 HTML 特性。 　　　　加了冒号，后面是变量或表达式；不加冒号的是字符串。 　　　　如图：将Home组件中的 probe-type 的值传给子组件Scroll的时候，需要的是一个数字类型 ...

播放 暂停 里面的video中的 src属性可以链接本地的音乐，或者是网上的音 ...

阅读Vue官网的过程中，对于计算属于与监听器章节的内容有点理解的不清晰：https://cn.vuejs.org/v2/guide/computed.html。 后来上网查询了资料，结合官网的说明，总结一下自己的理解： computed用来监控自己定义的变量，该变量不在data里面声明 ...

一、什么是计算属性 　　模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。 二、计算属性的用法 　　在一个计算属性里可以完成各种复杂的逻辑，包括运算、函数调用等，只要最终返回一个结果就可以。 <div id ...

监听属性可以针对某个属性进行监听，当监听的属性的值发生了变化，则会执行相应的函数。 监听的函数要写在vue的watch属性中。 ...

　ref被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的$refs对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例。--官网简介 注意：只要想要在Vue中直接操作DOM元素，就必须用ref属性进行注册; https ...

key属性 1、为什么要添加key属性？ 为了更加高效的更新虚拟DOM。 当某一层有很多的节点，也就是列表节点时，我们希望插入一个新的节点 我们想把F插入到B和C之间，但是在Vue内部默认是这样做的 ...