編程教程可以這樣寫！用中文命名變量的 Vue.js 入門_風聞

既然 JavaScript 早已支持中文命名標識符，日本也早已出了母語命名的編程書籍（見《編程書的例程只用英文？這本日語 JavaScript 入門説”不“！》），這裏也作一嘗試。

在vue.js官方入門教程第一部分的示例代碼中儘量使用了中文命名。所有演示都在本地測試通過，無需任何第三方庫和工具。下面省略了很多原教程的説明內容，而着重於代碼示例本身。

聲明式渲染

打開你的瀏覽器的控制枱 (就在這個頁面打開)，並修改 應用1.問候，你將看到上例相應地更新。

再次打開瀏覽器的 JavaScript 控制枱輸入 應用2.動態綁定信息 = ‘新消息’，就會再一次看到這個綁定了 title 屬性的 HTML 已經進行了更新

條件與循環

繼續在控制枱設置 應用3.看得到 = false，你會發現“現在你看到我了”消失了。

在控制枱裏，輸入 應用4.任務表.push({ 內容: ‘新項目’ })，你會發現列表中添加了一個新項。

處理用户輸入

v-on:click支持中文方法名, 但需要(). 為此在Vue項目新建issue, 經社區建議得知並檢驗, 另一種方式@click也支持中文命名, 同樣需要().

表單輸入和應用狀態之間的雙向綁定:

組件化應用構建

核心基本功能介紹結束.

後記

初步看來 Vue.js 對中文命名的支持不錯, 尤其是模板的部分. 個別改進建議已經在 Vue 的 github 庫以 issue 的方式提出, 社區的活躍度很高, 開發者對這些issue的反應很快.