【Vue-day1】Vue获取Html标签中的值

方法1：在自定义函数中加上$event，在js函数中可以获取到点击事件的标签，从而获取对应标签的值，易于分离。

Html代码：

<a href="javascript:;" @click="getCity($event)">北京</a>

Js代码：

getCity:function(event){

        console.log(event.target.innerHTML);

}

方法2：vue的ref和$refs方法（在Js中test不知道如何分离多个a标签，只能输出所有ref中的值）

Html代码:

<a href="javascript:;" ref="test">北京</a>

Js代码：

getCity:function(event){

        console.log(this.$refs.test);

}