前端模仿练习新增小知识(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:只渲染一次

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Vue 实例 属性和方法 每个 Vue 实例都会代理其 data 对象里所有的属性:var data = { a:...
    云之外阅读 6,691评论 0 6
  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 10,474评论 0 29
  • 1.安装 可以简单地在页面引入Vue.js作为独立版本,Vue即被注册为全局变量,可以在页面使用了。 如果希望搭建...
    Awey阅读 13,801评论 4 129
  • 下载安装搭建环境 可以选npm安装,或者简单下载一个开发版的vue.js文件 浏览器打开加载有vue的文档时,控制...
    冥冥2017阅读 11,275评论 0 42
  • Vue笔记系列2、Vue.js渐进3、Vue.js进阶 Vue.js的概述 如官网所说,Vue.js是一款轻量级的...
    其心阅读 4,879评论 0 6

友情链接更多精彩内容