使用新Vue时会删除Vue吗？

Question

我一直在尝试Vue，我希望能够在按钮上运行一个功能。

我尝试使用id代替类，但是似乎没有用（按下按钮时什么也没发生）；似乎实际上并没有选择该按钮。

按钮：<a class="button is-rounded is-medium vb" v-on:click="next1">Lets get started.</a>

JS：

var button = new Vue({
    el: '.vb',
    methods: {
        next1: function() {
            alert("pressed!")
        }
    }
  })

当我转到页面时，该按钮消失了，在devtools中它显示它已被替换为<!---->。

Answer 1

您应将模板移至vue实例。

var button = new Vue({
    el: '#vb',
    methods: {
        next1: function() {
            alert("pressed!")
        }
    },
    template: `
        <a class="button is-rounded is-medium" v-on:click="next1">Lets get started.</a>
    `
  })

并且您要安装的元素应该很简单：

<div id="#vb"></div>