初识Vue2（一）：表单输入绑定（附Demo）

摘要

本文提供了一个Vue2的使用教程，包括在线演示链接、下载地址、基础用法介绍，以及如何使用Vue构建各种组件和表单元素。

在线演示和下载地址

在线演示可通过访问 http://demo.xiongze.net/ 查看。源代码可以从 https://gitee.com/xiongze/Vue2.git 下载。

基础用法

文中介绍了使用 v-model 指令在表单元素上创建双向数据绑定，并解释了它是如何根据控件类型更新元素的。同时指出了 v-model 会忽略表单元素的初始值，推荐在Vue实例的 data 选项中声明初始值。对于需要输入法的语言，应使用 input 事件以处理输入过程。

事件处理和计算属性

示范了如何使用Vue实例中的 methods 选项来定义函数，并在HTML标签中绑定点击事件。同时介绍了计算属性的声明和使用，以及使用 watch 选项来侦听数据变化，执行异步操作和设置中间状态。

组件使用

解释了如何注册和使用自定义组件，包括简单的组件和复杂的组件。特别指出了为组件命名的规范，推荐遵循W3C规范中的自定义组件名规则。

表单元素

通过示例代码，展示了如何在Vue中处理文本、多行文本、复选框、单选按钮和下拉选择框等表单元素。

结束语

作者鼓励读者关注微信公众号【熊泽有话说】，并提醒转载时需注明作者和原文链接。