javascript – Die Seite zeigt immer {{ message }} an

Question

Folgen Sie dem Tutorial auf der offiziellen Website, führen Sie <script src="https://unpkg.com/vue/dist/vu... ein und kopieren Sie dann den Code von der offiziellen Website direkt auf den lokalen Computer, wie unten gezeigt

Warum wird es immer auf der Webseite angezeigt? Was ist mit {{message}}?

曾经蜡笔没有小新 · Answer

你没发现第一个script少了个引号吗？？

怪我咯 · Answer

el: 'app' 改为 el: '#app'

世界只因有你 · Answer

Vue 的 el 属性是一个 CSS 选择器，而不是一个 id 名称，如下：

    var app = new Vue({
        // 修改目标元素为 #app 这一 CSS 选择器
        el: '#app',
        data: {
          message: 'Hello Vue!'
        }
    })