在 VueApp 中添加 data() 函数,里面直接写 return 然后加上类似json格式的数据即可在一个 VueApp 中添加数据:

Vue.createApp({
    data() {
        return {
            firstName: 'John',
            LastName: 'apple'
        }
    }
}).mount("#app")
 

之后在 HTML 中用 {{}} 来访问即可:

<div id="app">
<p>Hey {{firstName}}, {{lastName}}</p>
</div>

{{}} 符号只能在其中填写 JavaScript 表达式,如变量名,一些运算式子等,无法包含JavaScript关键字等。