vue.js 不適用於我的第一個測試 html 頁面

Question

我正在嘗試檢查 vue.js javascript 如何工作。這對我也不起作用。任何人都喜歡分享 html 頁面有什么問題或這里缺少什么。

代碼：

<!DOCTYPE html>

    <div id="app">
        <h1>{{ greeting }}</h1>
    </div>
    <script src="https://vuejs.org/js/vue.js"/></script>
    <script>
        new Vue({
            e1: '#app',
            data: {
                greeting : 'Hello from ankit using vue.js!'
            }
        }); 
    </script>

chrome 中上述代碼的當前輸出：

{{問候}}

期待輸出：

來自 ankit 的 Hello，使用 vue.js！

有人喜歡分享我的代碼有什么問題嗎？ 請注意，我還從瀏覽器中清除了緩存。

Answer 1

你打錯字了，你應該用el而不是e1

 <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.js"></script> <div id="app"> <h1>{{ greeting }}</h1> </div> <script> new Vue({ el: '#app', data() { return{ greeting : 'Hello from ankit using vue.js!' } } }); </script>

vue.js 不適用於我的第一個測試 html 頁面

問題描述

1 個解決方案

解決方案1
1 2019-08-04 13:50:39

vue.js 不適用於我的第一個測試 html 頁面

問題描述

1 個解決方案

解決方案1 1 2019-08-04 13:50:39

解決方案1
1 2019-08-04 13:50:39