Vue 框架中遇到的诀窍

                                                问题一、 我需要渲染数组A，并根据 B数组中是否存在A中，给A添加 选中状态sel。

经过很焦虑的研究后，寻求帮助得到答案。

1、初始化数据时 A添加属性flag(bool)标识，如果B中存在A中某个 就 flag=true。

2、渲染页面时 使用关键 指令:class  (v-bind)   ，

{'select-tag': item.flag}解析：  当 item.flag 为 true时输出  select-tag

<div class="block-tags" :class="['',{'select-tag': item.flag}]" v-for="(item,index) in defaultType" :data-id="item.id">
      {{ item.name }}
</div>

总结：   实战验实力

    问题二、异步获取数据后 获取到 B对象，于是乎我把    A = B , C = B ;

结果：  在使用当中，一旦 修改 ABC任意值，三个都会被修改。  这真是无语了。

最终解决方案：

使用了  JS：Object.assign         Object.assign(target, ...sources)

这个简直厉害了，   A = Object.assign([], B);   这样就解决问题了。  

 

 

一级棒~！