vue里用v-for循环出来的图片在:style重新赋值backgroundPosition的值...
1、使用v-for的时候设置key值得时候，我用的是index，导致存在缓存的情况，这个和vue中的diff算法有关。
2、vue里面本身带有两个回调函数：一个是`Vue.nextTick(callback)`，当数据发生变化，更新后执行回调。另一个是`Vue.$nextTick(callback)`，当dom发生变化，更新后执行的回调。
3、也就是说如果使用v-for渲染了元素列表时，如果需要有删除操作时，对key的赋值不能用下标，而是需要提供一个相对唯一的 ‘key’。比如写成这样，使用splice方法会失效，无论删除哪一条，页面上看到的都是删除最后一项。
4、这样，你下次打开的时候，还是#CCC，类似于一个皮肤功能 。方案2：把你操作的结果保存到数据库，vue({ created(){ 在这里请求ajax，获取你要的颜色属性。} })；方案3 ：单纯的CSS实现。
5、在Vue中使用v-for进行列表渲染的时候，它会默认使用“就地更新”的策略。
在vue2.0组件中如何实现传值、通信
1、在src/assets/下创建一个eventBus.js，内容如下（eventBus中我们只创建了一个新的Vue实例，以后它就承担起了组件之间通信的桥梁了，也就是中央事件总线。
2、对这两种原因，正确的应对方式是：定义一个局部变量，并用 prop 的值初始化它：props： [initialCounter]，data： function () { return { counter： this.initialCounter }}定义一个计算属性，处理 prop 的值并返回。
3、首先，准备一个父组件：father，和一个子组件：child.现在需要把父组件的msg，传给子组件。
4、在 Vue 中，父子组件的关系可以总结为 props向下传递，事件向上传递。父组件通过 props 给子组件下发数据，子组件通过事件给父组件发送消息。看看它们是怎么工作的。
5、a.vue 引用了一个detail组件 详解eventBus通信方法 第一步：首先需要创建事件总线并将其导出，以便其它模块可以使用或者监听它。
vue后端数据赋值给类
1、在vue项目中使用elementui为例，el-select组件里用v-model绑定下拉控件的值，下拉值选择通过v-for遍历数组，的每个对象，里面有key，label，value三个属性的赋值。
2、既快捷又减轻后端的压力。这个还是很简单粗暴的，目前正在研究，应该可以实现代替 Vuex 的数据状态管理方案。因为Vuex不太适合Vue3的环境，应该可以有替代方案了。
3、Vue实例被创建时，它将data对象中的所有property加入到Vue响应系统中。当这些property属性值发生改变时，视图更新为新的值。定义一个对象，赋值给data对象，修改定义的对象的原始数据，也会改变property的值。
4、并将返回的数据存储到backendData属性中。在VueelInput组件的value属性中绑定backendData属性，以便将后端数据显示在输入框中。在Vue组件的methods选项中，定义updateBackendData方法来发送修改后的数据到后端。
5、前言组件是 vue.js 最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。如何传递数据也成了组件的重要知识点之一。组件组件与组件之间，还存在着不同的关系。
Vue-给对象新增属性(使用Vue.$set())
官方定义：Vue 不允许在已经创建的实例上动态添加新的根级响应式属性 (root-level reactive property)。
当vue的data里边声明或者已经赋值过的对象或者数组（数组里边的值是对象）时，向对象中添加新的属性，如果更新此属性的值，是不会更新视图的。
由于 Vue 会在初始化实例时对属性执行 getter/setter 转化过程，所以属性必须在 data 对象上存在才能让 Vue 转换它，这样才能让它是响应的。
Vue.$set(target，key，value)可以动态的给数组、对象添加修改数据，并更新视图中数据的显示。vue在构造函数new Vue()时，就通过Object.defineProperty中的getter和setter 这两个方法，完成了对数据的绑定。
Vue不允许在已经创建的实例上动态添加新的根级响应式属性。
想要改变vue中数组，并且被实时自动检测数组的变动，且渲染页面。就用Vue的set方法 受 ES5 的限制，Vue.js 不能检测到对象属性的添加或删除。