vue基础知识学习

安装完vue之后，在git上下载了几个项目，但是一知半解，看起来很吃力，偶然在知乎上看到尤大大写的一篇文章，希望对想要学习vue，但是苦于怎么学习的同学有所帮助吧

https://zhuanlan.zhihu.com/p/23134551

以下是我学习vue过程中觉得需要记录下的东西。。。。。

vue - <template> 不可见的包裹元素

1 v-if 条件渲染分组(切换多元素)

<template v-if = 'ok'>

      <h1/><h1>

      <p></p>

</template>

2 可以利用带有 v-for 的 <template> 渲染多个元素

<ul>
  <template v-for="item in items">
    <li>{{ item.msg }}</li>
    <li class="divider" role="presentation"></li>
  </template>
</ul>

vue - key

看到了这句话“当 Vue.js 用 v-for 正在更新已渲染过的元素列表时，它默认用“就地复用”策略’”，实在是不太理解‘就地复用’是什么意思，有例子果然就明朗了！

https://www.zhihu.com/question/61078310/answer/361261031

注：2.2.0+ 的版本里，当在组件中使用 v-for 时，key 现在是必须的。

vue.set （vm.$set）

几种方式不是响应性的，Vue不能检测变化

1. 当你利用索引直接设置一个项时，例如：vm.items[indexOfItem] = newValue
2. Vue 不能检测对象属性的添加或删除，例如：

   var vm = new Vue({
     data: {
       a: 1
     }
   })

   vm.b = 2;  //vm.b不是响应式的，而vm.a是响应式的

Vue.component

只有一个根元素，可能存在多个要素，需要包在一个要素中，例如包在<div>多个要素</div>