React 中的 JSX 是一種 JavaScript 的語法擴展,它允許將 HTML 片段與 JavaScript 代碼混合在一起,達到編寫高效、易讀、易寫的組件的目的。
與 React 不同,Vue 使用模板來實現組件。然而,Vue 提供了混合模板和 JavaScript 代碼的能力。在 Vue 中,我們可以使用 onClick 屬性來添加交互性的響應。
Vue.component('counter', { data: function() { return { count: 0 } }, template: ``, methods: { clickHandler: function() { this.count++ } } })
在代碼段中,我們定義并注冊了一個名為 counter 的組件。 `@click` 是 Vue 中添加點擊事件的語法糖,它等價于 `v-on:click`。在 clickHandler 方法中,我們可以修改 count 數據,然后通過在組件模板中使用 `{{ count }}` 來更新視圖。
下一篇js.vue