初始vue(二)

2023-10-27

vue详细学习(二)

class的操作

<div class="play:judge">
data: {
judge:true
}
<div id="app" v-html="msg">
data: {
    msg:"<div>1212323</div>"
}

data: {
    msg:"<div>1212323{{...}}</div>"
}//不能解析{{}}的内容
<div id="app" v-html="msg">
data: {
    msg:"<div>1212323</div>"
}

data: {
    msg:"<div>1212323{{...}}</div>"
}//不能解析{{}}的内容,
template:"<></>"//会替换整个vue的el元素选择到的标签为template内部标签

render 从写方法会覆盖一些封装的方法,用render函数更高效

for in 循环渲染的render函数是通过map函数进行渲染的

image.png

vue的数组push进行了从写,因为vue的get个set是监听引用地址是否发生改变,而push没有改变数组的引用地址。

 

删除当前点击的标签的方法,运用双向绑定技术

1.<div @click="toRemove(item)"> </div>   //item 是for(item in list)

2.method{

    toRemove: function(item) {

    var index = this.list.indexOf(item)

    this.list.splice(index,1);

    }

}

3.splice也是被vue从写的方法,可以接受n个参数第一个必备从第几位删除,第二天个是删除几个,以后都是添加

(2,0,‘新添加’)

@dblclick  双击

自定义指令

directives:{
    focus: {
        update() {//钩子函数
            //执行语句
        }
    }//指令名字
}

调用自定义指令:

<input type="text" v-focus>

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

初始vue(二) 的相关文章

  • SpringBoot2.0 Actuator 监控参数说明

    基于SpringBoot2 0 Actuator metrics的监控 基于Oracle JDK9 G1 引言 SpringBoot2在spring boot actuator中引入了micrometer 对1 x的metrics进行了重构
  • 基于YOLOv5的光学遥感图像舰船目标检测算法

    源自 系统工程与电子技术 作者 成倩 李佳 杜娟 摘 要 针对YOLO you only look once v5算法在应用于光学遥感图像舰船目标检测任务时所面临的小目标误检率 漏检率较高的情况 提出一种基于YOLOv5改进的光学遥感图像舰
  • linux 关闭防火墙 及mysql 无密码登陆

    Linux中怎么去关闭防护墙和mysql的无密码登陆及修改密码 做为一个自己参考的记录 CentOS 防火墙关闭 关闭防火墙命令 systemctl stop firewalld service 开启防火墙 systemctl start

随机推荐

  • 统计某个班男女生人数_sql练习题

    Code 1 有如下表格和数据 2 ID Name Class Sex 3 4 1 张1 一班 男 5 2 张2 一班 男 6 3 张3 二班 女 7 4 张4 一班 男 8 5 张5 二班 女 9
  • kettle案例——数据清洗与校验(完全去重)

    1 源数据预览 2 打开kettle新建一个转换并添加下述步骤然后用跳连接 3 双击CSV文件输入进行配置 点击浏览导入文件 然后点击获取字段 最后点击预览看数据是否抽取进来 4 双击唯一行 哈希值 进行配置 在用来比较的字段处 添加要去重
  • matlab 海岸线绘制,m_map1.4 matlab中

    m map1 4 m map Contents m m map1 4 m map map html m map1 4 m map m coast m m map1 4 m map m contour m m map1 4 m map m c
  • 利用linux内核将多个文件编译成一个ko文件

    利用linux内核将多个文件编译成一个ko文件 1 如果一个驱动直接编译进内核 直接按照以下方式书写 obj y generic serial o vme scc o obj y a o 2 如果一个驱动要编译成模块 且一个模块由1个源文件
  • vue-cli3项目中使用flexible和rem适配移动端的一些踩坑

    最近在做一个移动端的项目 需要做一些适配处理 其实以前一直都是浑水摸鱼式的 虽然看了很多关于移动端适配的方案 感觉都很厉害 但一直迟迟不曾实践 ps 好像大部分中小公司对这方面都没啥要求啊 在网上找了一番后 发现手淘的flexible re
  • LInux目录结构

    文章目录 Linux的目录结构 Linux的目录结构 Linux路径的描述方式 目录各功能介绍 HOME目录和工作目录 Linux的目录结构 Linux的目录结构 Linux的目录结构是一个树型结构 Windows 系统可以拥有多个盘符 如
  • C语言-函数指针和指针函数的用法和区别

    1 简介 本文主要介绍指针函数和函数指针的定义和区别 2 指针函数 2 1 定义 指针函数 其本质是一个函数 该函数的返回值是一个指针 声明格式为 类型标识符 函数名 参数表 简单函数声明 int f int x int y 该函数的返回值
  • 详解socket中TCP的三次握手和四次挥手机制

    无论参考OSI还是TCP IP的网络模型 我们从传输层向更底层看 各层的协议都是在直接或间接的服务于主机与主机之间的通信 而传输层则是在进程与进程通信层面上的 传输层有两个重要的协议 TCP Transmission ControlProt
  • git:分支切换

    1 分支简介 分支 是针对某类开发工作的一个提交结点序列 序列中最新的提交表示了该分支代码的最新版本 分支通常根据工作类别命名 例如 dev test 分支 使用分支意味着你可以分离各个开发路线 然后在彼此不影响情况下同时向前推进 当前分支
  • C/C++ VS. Fortran

    C C VS Fortran 项目 C C Fortran 备注 软硬件环境 操作系统 Windows XP professional 2002 Service Pack 3 CUP Intel Core 2 Quad 2 66GHz 4核
  • 夜神安卓7.1.2安装xposed踩坑(Could not load available ZIP files.Pull down to try again)

    详情见我的博客小生博客 报错如图 1 通用制作xposed目录解决办法 夜神模拟器见第二点 1 1下载xposed https dl xda xposed info framework 下载对应的sdk 模拟器要下载x86的 我是安卓7 1
  • 2022百度之星初赛总结(非题解)

    完了玩废了 0题罚坐 下来看题解 是有简单题 完全完全能做的 大一这都没罚坐 悲 ccpc预选赛开始了 希望队友健在 T1 从dij到bf到fl 判定条件是等于 与公开ac是惊人的像 但样例都没调出来 T2 题目k 1 k n理解为n 1到
  • 晶体管 放大电路的 分析

    三极管共集电极放大电路和共基极放大电路详解 https wenku baidu com view 036f033a31b765ce050814c4 html 共集电极放大电路 https wenku baidu com view 204a7
  • RDS MySQL空间优化最佳实践

    简介 在前三期介绍了RDS for MySQL参数优化 锁问题以及延迟优化最佳实践之后 本期将介绍存储空间相关的最佳实践 存储空间是RDS很重要的一个指标 在RDS的工单问题中 空间问题的咨询可以排在top 5 当RDS的实际使用空间超过了
  • android手机销售app(IDEA,SpringBoot,SSM,MySQL)+支付宝支付+全套视频教程

    本项目亮点 支付宝支付 eCharts柱状图图表数据统计 项目功能介绍 本系统包含后台管理和前端app双端系统 后台管理的功能包含 登录 退出 修改管理员信息 基本信息与头像 资源管理 角色管理 资源权限分配 字典管理 用户管理 图书管理
  • Matlab学习4-图像处理之图像加法、图像减法、加噪

    图像处理 图像加法 例图像的叠加 调亮色等 图像减法 例捕捉运动图像的轨迹 环境matlab2020 使用imadd 加 imsubtract 减 imresize 改 imnoise 图像加噪 matlab函数 imadd X Y 将两个
  • 农业温室大棚养殖系统智能监控方案

    温室大棚农作物的种植给人们的生活带来极大的便利 并得到了迅速的推广和应用 在不适宜植物生长的季节 为保证作物温室生育期和作物产量 实时地收集温度 湿度 光照 气体浓度以及土壤水分等信息并汇总物通博联智能网关上传到物通博联云 为了给农作物创造
  • WebSocket 协议使用

    WebSocket 协议实现在受控环境中运行不受信任代码的一个客户端到一个从该代码已经选择加入通信的远程主机之间的全双工通信 用于这个的安全模型是通 常由 web 浏览器使用的基于来源的安全模型 该协议包括一个打开阶段握手 接着是基本消息帧
  • 数据分析之数据预处理、分析建模、可视化

    大纲 思维导图 1 数据分析概述 1 1 简介 1 2 发展历程 1 3 应用领域 1 4 开发流程 2 数据类型 2 1 结构化与非结构化数据 2 2 定性与定量数据 2 3 截面数据与时间序列数据 3 数据来源 4 数据预处理方法 4
  • 初始vue(二)

    vue详细学习 二 class的操作 div class play judge data judge true div data msg div 1212323 div data msg div 1212323 div 不能解析 的内容 d