Vue click link to another url

本篇学习到Vue的Event，v-on和@click。

在方法methods访问到data数据，this.$data来实现。

window.location重设置值，令其导向设置值的页面或链接。

 

 

 

 <div id="test">
        <a v-on:click="goto">{{name}} </a>
        <button @click="goto">{{name}}</button>
    </div>

 

new Vue({
            el: '#test',
            data: { url: 'http://insus.cnblogs.com', name: "blogs" },
            methods: {
                goto: function () {
                    window.location = this.$data.url
                }
            }
        })