const vm = Vue.createApp({
data() {
return {
firstName: 'John',
lastName: 'apple'
}
},
methods: {
fullname() {
return `${this.firstName} ${this.lastName.toUpperCase()}`
}
}
}).mount("#app")
多个表达式合并使用时需要在外围加上反引号。
在 App 内定义 method:
方法们可以直接在html中用表达式调用:
<div id="app">
<p>Hey {{fullname()}}</p>
</div>