vue中如何實(shí)現(xiàn)value的互換？

2個(gè)值 換下 。。

vue的核心應(yīng)該是數(shù)據(jù)驅(qū)動(dòng)，你不應(yīng)該通過$ref來獲取dom操作，而是應(yīng)該通過讓視圖監(jiān)聽數(shù)據(jù)來直接改變dom

如下： 改變data的值即可改變視圖

<template>
    <div>
       <span>{{startLocal}}</span> <----> <span>{{endLocal}}</span>
    </div>
</template>

<script>
    import MyComponent from 'path'
    import componentImg  from 'path'
    export default {
        data(){
            return {
                startLocal: '成都'，
                endLocal: '北京'
            }
        }
    }
</script>

• -！不知道你寫沒寫過數(shù)組排序之類的，兩個(gè)數(shù)值交換先定義一個(gè)中間變量，然后把其中一個(gè)賦值給他，再把賦值過的變量變?yōu)榱硪粋€(gè)變量的值，再把另一個(gè)變量變?yōu)橹虚g變量的值~綜上所述，這么長一大扒拉(四川話)就是3行，
  let temp=a;
  a=b;
  b=temp;

然后，你為啥整了個(gè)refs?難道你不是使用的模板渲染？使用函數(shù)改變data里面存的值不就ok了嘛，看來兄弟你vue還沒入門啊~