vue使用JavaScript运算符

news/2024/9/18 3:52:56/文章来源:https://www.cnblogs.com/yansunda/p/18357622

第一:加法运算符{{变量+n}}

        <p>num参与运算{{num+12}}</p>let vm = new Vue({el : "#app",data : {num: 101,isOK: true,message: '你好',lan: 'Java',id: '1001',}})

第二:三目运算符

        <!-- 三目运算符 --><p>三目运算符:{{isOK==2 ? '真': '假'}}</p>

第三:字符串操作函数

  字符串翻转
  split('') 把字符串拆分,形成一个新的数组
  reverse() 反转数组
  join() 把数组转为字符串
        <p>字符串翻转:{{message.split('').reverse().join('')}}</p>

第四:转换大小写

转换大小写:{{lan.toUpperCase()}}

第五:v-text 与v-html都可以用表达式,其本质还是解析成JavaScript。你在v-bind中仍然可以用这个表达式。

<span v-text="message.split(',').join('#')"></span>

 

 

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/783451.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Golang - goto语句

用途 可以无条件地转移到过程中指定的行。该语句通常与条件语句配合使用,可用来实现条件转移,构成循环,跳出循环体等功能,但在结构化程序设计中一般不主张使用goto语句,以免造成程序流程的混乱,使理解和调试程序都产生困难。 语法goto label; ... label: statement;注…

Day 42 动态规划 Part09

188. 买卖股票的最佳时机 IV 做完上一道题后再看就简单许多了。股票问题的重点就在于两点:找到所有的状态 状态如何转移对于本题,一共包含2*k种状态(第1,2...k次持有,第1,2...k次卖出)。状态间如何转移呢?见下图class Solution {public int maxProfit(int k, int[] pri…

【Python使用】嘿马python基础入门全体系教程第1篇:目标,计算机组成【附代码文档】

本教程的知识点为:计算机组成 什么是计算机? 计算机是由什么组成的? 1. 硬件系统: 2. 软件系统: 目标 运算符的分类 1. 算数运算符 2. 赋值运算符 3. 复合赋值运算符 判断语句和循环语句 if嵌套 1. if嵌套的格式 2. if嵌套的应用 if嵌套执行流程 容器:字符串、列表、元组…

Avnet ZUBoard 1CG开发板上手—深度学习新选择

本文主要介绍了Avnet ZUBoard 1CG开发板的特性、架构、硬件单元等概念,并对如何使用以太网接口和串口连接开发板进行基本介绍,同时辅以两个应用例程演示其功能。Avnet ZUBoard 1CG 开发板上手—深度学习新选择 摘要 本文主要介绍了 Avnet ZUBoard 1CG 开发板的特性、架构、硬…

5-用PyTorch实现线性回归

下面是损失函数下面是优化器 下面通过model.parameters()可以获得model中所有的参数点击查看代码 import torch from torch import devicex_data = torch.tensor([[1.0], [2.0], [3.0]]) y_data = torch.tensor([[2.0], [4.0], [6.0]])class LinearModel(torch.nn.Module):def …

一文搞懂应用架构的3个核心概念

如果你是一名业务开发,你可能要说,我整天就是做CRUD(增删改查),哪里需要了解什么应用架构设计? 经常有人说,程序员 35 岁之后很容易陷入瓶颈,被行业淘汰,我觉得原因其实就在此。 有些朋友在写代码的时候,可能没有太多考虑非功能性的需求、扩展性,只是完成功能,觉得…

Openwrt 配置 PS5 端口转发

ps5 端口转发前言前阵子申请了公网IP通过了想远程串流玩PS5 通过Socat配置端口转发后仅桌面端Chiaki可以远程串流PS5 改用Openwrt的防火墙转发使PSPlay+Chiaki都可串流环境Openwrt 22.03.6 状态 > 概览 > 固件版本步骤打开 网络 > 防火墙 > 端口转发 点击 添加 配置…

vue绑定属性的指令

前面学习的插值表达式{{}},并不能更改标签的属性。因此,以下的写法是错误的,<h1 titlle="{{title}}" >我是h1标签的内容</h1>如果想要给标签的属性绑定动态值,需要借助v-bind 的指令语法:v-bind:原生HTML标签的属性="data中定义的值",可以…

P5535 【XR-3】小道消息

先介绍伯特兰切比雪夫定理:伯特兰—切比雪夫定理说明:若整数n>3,则至少存在一个质数p,符合n<p<2n − 2。另一个稍弱说法是:对于所有大于1的整数n,至少存在一个质数p,符合n<p<2n。 知道这个之后这道题就很简单了,我们先简单想想一个质数在一天可以通知除去它的倍数…

CMake 构建 C++ 项目

使用 CMake 构建C++项目便于跨平台开发,在Linux上可以生成 makefile ,并通过 make来进行编译。在Windows上可以生成 .sln 项目,并结合VS继续进行开发,或 MSVC 编译器来直接将项目编译成目标文件。 1、 创建 .cpp 文件,以编译成exe程序 #include <iostream>int main(…

【专题】2024无人驾驶网约车乘坐意愿调查报告合集PDF分享(附原数据表)

原文链接:https://tecdat.cn/?p=37335科技迅猛发展,无人驾驶技术从科幻走进现实,2024 年无人驾驶网约车成热议话题。 阅读原文,获取专题报告合集全文,解锁文末208份无人驾驶网约车相关行业研究报告。 报告表明,近 60%受访者期待,00 后更积极,80 后较谨慎。性别上男性更…

.NET周刊【8月第1期 2024-08-04】

国内文章 EF Core性能优化技巧 https://www.cnblogs.com/baibaomen-org/p/18338447 这篇文章介绍了在代码层面上优化EF Core实例池和拆分查询的方法。首先,文章建议使用DbContext实例池来重复利用实例,避免资源浪费,并提供相关使用示例。其次,文章讨论了笛尔卡乘积对复杂查…