vue.js無法按預期工作

Question

我在以下示例中嘗試使用vue.js，但瀏覽器中的結果是“ product”而不是“ Boots”。

<div id="app">
    <h2>{{product}}</h2>
</div>
<script src="https://unpkg.com/vue@2.5.16/dist/vue.js">
    const app = new vue({
    el: "#app",
    data: {
    product: "Boots"
    }
    })
</script>

Answer 1

將vue更改為Vue ，然后工作。

 app = new Vue({ //not vue, it is Vue el: "#app", data: { product: "Boots" } }) 

 <script src="https://unpkg.com/vue@2.5.16/dist/vue.js"></script> <div id="app"> <h2>{{product}}</h2> </div>