vue与jQuery的比较

vue跟jQuery的区别， vue是通过Vue对象把数据和View分离了，不需要操作DOM，只需要对数据进行操作。

jQuery是使用选择器对DOM对象进行操作，对DOM对象进行一些比如删除，添加，事件绑定等操作，跟Vue直接操作数据不一样，jQuery操作数据还是得操作相关的DOM对象。

这两者可以结合起来用，虽然有些时候不推荐，Vue侧重数据绑定，jQuery侧重样式操作，动画效果。

下面写个例子：

数组添加数据

vue:

<div id="app">
    <ul>
      <li v-for="(item, index) in items" :key="index">
        {
  {item}}
      </li>
    </ul>
    <button @click="add">add</button>
  </div>
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  <script>
    new Vue({
      el: '#app',
      data: {
        items: ['1tiao', '2tiao'],
        index: 2
      },
      methods: {
        add () {
          this.index++
          this.ite