编程教程可以这样写!用中文命名变量的 Vue.js 入门_风闻
吴烜-2020-09-01 10:41
既然 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的反应很快.