前端模仿练习新增小知识(1-4)

(1)v-on指令:绑定事件

完整代码实例:


v-on:可简写为@:

(2)v-model:绑定数据源

绑定输入框例子:


v-model可加上修饰符:

v-model.lazy:当光标离开输入框时,才实现数据的改动,v-model.number:当输入框中的数据输入为数字时,不能输入其他类型,v-model.trim:去空格。

(3)v-bind绑定标签的属性

(4)v-pre:原样输出;v-cloak;v-cloak:当渲染完成后才显示;v-once:只渲染一次

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容