vue2的基础知识巩固

2023-09-22 10:06:46

一、定义:是一个渐进式的JavaScript框架

二、特点:

  • 减少了大量的DOM操作编写 ,可以更专注于逻辑操作
  • 分离数据和界面的呈现,降低了代码耦合度(前端端分离)
  • 支持组件化开发,更利于中大型项目的代码组织

vue2核心功能:

响应式数据与差值表达式:

先实例化vue,在内部设置el(选择器,这个vm实例对谁生效),data 声明响应式数据,return()方法来写,插值表达式使用{{}},method封装方法(与data同级)

计算属性 computed

当对象定义,当属性使用。具有缓存性

使用场景:结果不变,但需要多次运算的时候

缓存性:运算一次之后将结果存储在本地,下次远行的时候直接从本地获取数据

注意:使用的时候不能加括号,可以视为一个属性来使用

侦听器 watch(adeventlisenter)

参与响应式的过程,响应式数据发生改变时触发

使用场景:当修改页面数据的时候再改点别的

指令

v-html、v-text innerHTML/innerText

v-on、v-bind、v-if(销毁/创建)、v-show(隐藏/显示)、v-model、v-for

遍历数组时,key就是index--索引;

遍历对象时,key就是属性名,index是索引,item是属性值

v-if切换开销更高、v-show初始化开销更高

v-bind 简写 : v-bind指令主要用于响应式的更新html属性

  • 属性指令 用来做一些属性绑定 可配合响应式数据

v-on 简写 :

  • 事件指令 可代替操作DOM绑定事件 可配合methods里自定义的方法使用

v-model专门适应于表单的数据绑定

  • 修饰符 实现与指令之间的相关操作 可简化代码和DOM操作 添加在指令后面

比如:.trim 去除空格 v-model.trim

更多推荐

Linux的常见指令

目录pwd命令ls指令mkdir指令touch指令cd指令rmdir指令&&rm指令man指令nanocp指令mv指令cat指令more指令less指令head指令tail指令grep指令热键zip/unzip指令tar指令uname–r指令输出重定向图形化界面和命令行操作本质都是对操作系统进行直接或间接的操作pwd命

租用独立服务器有哪些常见的误区?

租用独立服务器有哪些常见的误区?如今,租用独立服务器的市场随着idc行业良好的发展趋势而变得越来越广泛,其最明显的地方在于出现了许多的代理商,而成为代理商的门槛非常低,这样一来就会出现许多问题,导致很多企业在面对层出不穷的代理商做选择时,都会非常困扰,因为租用服务器还存在后续使用的售后、机器的质量保障等等,不泛一些不良

Immutable.js简介

引子看一段大家熟悉的代码conststate={str:'wwming',obj:{y:1},arr:[1,2,3]}constnewState=stateconsole.log(newState===state)//truenewState和state是相等的原因:由于js的对象和数组都是引用类型。所以newStat

vue-cli安装与搭建SPA项目

文章目录一、VueCLI1.1脚手架1.2VueCLI1.3安装VueCLI二、用CLI完成spa项目的构建2.1使用脚手架创建项目骨架2.2“一问一答”模式2.3安装项目所需nmp2.4项目结构简介三、基于spa项目完成路由3.1自定义组件3.2创建路由集合3.3挂载四、嵌套路由4.1创建组件4.2创建路由集合4.3

插入/希尔/选择/堆/冒泡/快速/归并/计数排序 && 排序原理 && 搜索树原理 && 哈希概念

第1题(编程题)题目名称:插入排序和希尔排序题目内容://插入排序publicstaticvoidinsertSort(int[]array){//writecodehere}//希尔排序publicstaticvoidshellSort(int[]array){//writecodehere}第2题(编程题)题目名称

关于远程工作的面试可能存在的陷阱

附上看到的完整帖子地址:面试POPER的后端开发工程师的离奇经历分享一下我遇到过的,我至少面试过10个远程工作,其中有3个的面试是直接让我完成一个需求的,前两次都耐心做了,第3次看到相同要求时我都懒得回复了,直接视为白嫖了。可能很多企业会反驳你这只是测试,可这就是CRUD而已,能考验什么?对某个框架、库、SDK的使用熟

发布文章到wordpress

给朋友新建的wp网站,没有内容怎么办,总不能一篇篇的挨个写入吧。用wp提供的录入模块就可以了参考wp说明文档获取docx内容保存到wp资料有个docx文件,但文件格式混乱,好在有目录,可以基于目录,对文章分割,用正则拆分存入wp首先用pandoc把docx转为md文件,速度较慢,且没有进度展示,稍等pandoc-fdo

[maven] 使用 Nexus 管理 repository

[maven]使用Nexus管理repository大概是说还有一篇笔记,两篇内容,maven的内容就差不多过完了。这一篇笔记主要记一下maven的central管理部分,之前提到过我们公司用的就是nexux做了一个镜像,这里也会用docker去创建一个本地的nexus三合一的话内容就拆得太长了……所以这里nexus的

ARM64 SMP多核启动详解1(spin_table)

1.简介处理器架构:arm64uboot版本:uboot-2023内核源码:linux-5.10ubuntu版本:20.04.1一般嵌入式系统使用的都是对称多处理器(SymmetricMulti-Processor,SMP)系统,包含了多个cpu,这几个cpu都是相同的处理器,如4核Contex-A53。但是在系统启动

【MySQL 45讲笔记】

文章目录第一讲:一条SQL查询语句是如何执行的?第二讲:一条SQL更新语句是如何执行的?第三讲:事务隔离,为什么你改了我还看不见第四讲:深入浅出索引(上)第五讲:深入浅出索引(下)第六讲:全局锁和表锁,给表加个字段怎么有这么多阻碍?第七讲:行锁功过,怎么减少行锁对性能的影响?第八讲:事务到底是隔离的还是不隔离的?第九讲

详解JAVA远程debug

目录1.什么是远程debug?2.远程debug普通JAVA程序环境测试程序程序启动指令编译器配置3.远程debugJAVAWeb程序4.远程debugspringboot程序1.什么是远程debug?远程debug,也就是可以在本地debug远端部署的程序,这对于定位远端环境中的问题非常有用,之所以我们说是远端环境,

热文推荐