vue属性详解 v-text,v-model,v-on,v-bind等

news/2024/7/10 0:40:27 标签: vue
参数解释:
el:挂载点
data:数据对象
methods:方法,方法中可通过this来调用data中的数据
{{ }}:差值表达式,用于获取data中的参数

v-text、v-html、v-on、v-show、v-if、v-bind、v-model详解:

  1. 内容绑定:v-text,v-html
  2. 事件绑定:v-on
    可简写为 @
    当有事件触发时,即方法调用等可使用
  3. 显示切换: v-show、v-if
    共同点:根据表达式的真假,切换元素的显示或隐藏。 true显示,false隐藏
    不同点:
    v-show:切换的是样式,用于频繁的显示隐藏操作,原理是修改display属性。
    v-if:切换的是dom树,原理:删除节点
  4. 属性绑定:v-bind
    可简写为
    可控制属性值的更改,进而改变显示效果
  5. 列表循环: v-for
    根据数据生成列表结构
    v-for="(item,index) in itemList"语句中itemList表示数据列表,item表示列表中的每一项,index表示列表索引 ,从0开始
  6. 表单元素绑定: v-model
    获取或设置表单元素的值(双向数据绑定)
    即表单中输入的值《=》绑定的数据
    用于同时更改并动态显示等
    v-model=“message” 其值为属性,不是方法

http://www.niftyadmin.cn/n/1728672.html

相关文章

java-适配器模式

介绍: 适配器模式用于将一个接口转换成客户所希望的另一个接口,适配器模式使接口不兼容的那些类可以一起工作,其别名叫做包装器 四个角色: Target(目标抽象类) 定义客户要用的特定领域接口 Adapter(适配器类) 可以调用另一个接口,作为转换器,对适配者和抽象目标类进行适配…

centos8使用docker_Docker容器部署及使用

Docker 是一个开源的应用容器引擎,可以打包目标应用及依赖包到一个可移植的镜像中,然后发布到任何流行的 Linux或Windows 主机上。Docker 使用Go语言实现,基于Linux内核的 cgroup、namespace以及 AUFS 类的Union FS等技术,对进程进…

卸载vue-cli版本2,安装版本3,报错command failed npm ERR! command C:\WINDOWS\system32\cmd.exe /d /s /c node-gyp r

尝试了命令: npm cache clean --force (清理npm缓存) npm install -g vue/cli 还是不行。 最后选择使用cnpm命令安装,结果成功了。 下面分享我的方法 步骤: 1.安装cnpm命令 npm install -g cnpm --registryhttps://registry.npm.taobao.org…

雪花算法-生成全局唯一ID

传统的生成ID的方法有以下几个: Java的UUIDmysql的自增主键利用Redis的INCR 以上方法都存在一定的问题。 UUID生成的是以下一串36位的16进制数6d62ff8c-66d3-43e1-8009-44fec60d3b30 但是用UUID当主键的话存在一定问题,首先,它是无序…

vscode相关命令

安装cnpm: npm install -g cnpm --registryhttps://registry.npm.taobao.org 安装vue-cli 2 npm install vue-cli -g 卸载vue-cli npm uninstall vue-cli -g 安装vue-cli 3 npm install vue/cli -g 安装桥接工具(若使用旧版本的vue init时安装) npm inst…

go test run 文件_Go语言高级窍门与技巧,看完你也能写出高质量代码

在阅读这篇之前,我希望你已经知道如何做表格驱动的测试以及使用 interface 进行 模拟 (mock)/ 桩 (stub) 注入。这里是一些窍门:窍门 1. 不使用框架来自 Ben Johnson 的窍门。Go 有一个着实很棒的测试框架,它让你能够使用同样的语言编写测试代…

EC200u-cn-4G模块连接OneNet上传GPS定位数据(MQTT协议)

一、前言 这篇文章介绍EC200U-CN 4G模块通过MQTT协议上传GPS数据到OneNet平台,完成地图数据显示的过程。 当前的主控芯片采用MC9S12XS128MAA,通过串口连接EC200U-CN实现联网功能,通过内置的MQTT协议指令,将采集的GPS数据上传到OneNet平台,联合百度地图实现位置显示。 下…

vue项目安装less依赖报错npm ERR! code ERESOLVE

原因:npm版本过高 解决方法: 更改npm版本 npm install npm6.14.10 -g