vue学习知识点记录第4页

Vue学习遇到疑问的总结

vue里面的一些方法created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。（操作不了dom节点此方法在渲染html前调用）mounted:在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。onkeyup键盘事件监听按钮varapp=newVue({el:"#app",mounted(){var_this=this;doc

ita_code·2024-01-08 12:26

Vue学习计划-Vue3--核心语法（六）路由

1.路由【对路由的理解】【基本切换效果】Vue3中要使用vue-router的最新版本，目前是4版本路由配置文件代码如下：//创建一个路由器，并暴露出去//第一步：引入createRouterimport{createRouter,createWebHistory}from'vue-router'//引入一个一个可能要呈现组件importHomefrom'../components/Home.vu

化作繁星·2024-01-08 10:40

Vue学习笔记之一起步

1.起步创建一个html，然后通过如下方式引入Vue：或者1.1HelloWorld：{{msg}}varvm=newVue({el:'#app',data:{msg:'HelloVue!'}})以上就成功创建了第一个Vue应用！Vue将数据和DOM之间建立了关联，所有东西都是响应式的。打开控制台修改msg的值，你将看到上例相应地更新。除了文本插值，我们还可以像这样来绑定元素特性：鼠标悬停几秒钟查

聽見下雨的_聲音·2024-01-08 01:04

Vue学习笔记（二） ——Vue组件化

组件的定义实现应用中局部功能代码和资源的集合，提高复用性。非单文件组件：一个文件中包含有n个组件，单文件组件：一个文件中只包含一个组件。本质是一个VueComponent的构造函数，且是由Vue.extend生成的。vc和vm极其相似，但并不是同一个东西，vm可以通过el决定根容器，vc则不能。非单文件组件基本使用1.创建组件通过Vue.extend({配置项})创建。注意，配置项与vue实例略有

m0_53507067·2024-01-07 23:43

Vue学习计划-Vue3--核心语法（一）OptionsAPI、CompositionAPI与setup

1.OptionsAPI与CompositionAPIVue2的API设计是Options(配置)风格的Vue3的API设计是Composition(组合)风格的OptionsAPI的弊端：Options类型的API，数据、方法、计算属性等，是分散在：data、methods、computed中的，若想新增或者修改一个需求,就需要分别修改：data、mothods、computed，不便于维护和复

化作繁星·2024-01-07 04:39

Vue学习计划-Vue3--核心语法（二）ref、reactive和toRefs、toRef

1.ref和reactiveref创建：基本类型的响应式数据作用：定义响应式变量语法：letxxx=ref(初始值)返回值：一个RefImpl的实例对象，简称ref对象或ref,ref对象的value属性是响应式的注意点：JS中操作数据需要xxx.value,但模板中不需要.value,直接使用即可对于letname=ref('张三')来说，name不是响应式的，name.value是响应式的re

化作繁星·2024-01-06 22:14

Vue学习计划-Vue3--核心语法（三）computed计算属性、watch监听、watchEffect函数

1.computed计算属性作用：根据已有数据计算出新数据（和Vue2中的computed作用一致）。2.watch监视与watchEffect1.watch作用：监视数据的变化（和Vue2的watch作用一致）特点：Vue3中的watch只能监视以下4种数据：ref定义的数据reactive定义的数据函数返回一个值（getter函数）一个包含上述内容的数组我们在Vue3中使用watch的时候，通

化作繁星·2024-01-06 22:43

Vue学习计划-Vue3--核心语法（四）标签的ref属性、props父子通信

1.标签的ref属性作用：用于注册模板引用用在普通DOM标签上，获取的使DOM节点用在组件标签上，获取的是组件实例对象用在子组件上，父组件想要访问子组件内的数据，需要使用defineExpose暴露用在普通DOM标签上：哈哈呵呵呵呵这是第三行了修改高度import{ref}from'vue'lettest=ref()functionshowLog(){console.log(test.value)

化作繁星·2024-01-06 22:43

Vue学习计划-Vue3--核心语法（五）生命周期、自定义Hook

1.生命周期概念：Vue组件实例在创建时要经历一些列的初始化步骤，在此过程中vue会在合适的时机，调用特定函数，从而让开发中有机会在特定阶段运行自己的代码，这些特定的函数统称为：生命周期钩子规律：生命周期整体分为四个阶段：分别是：创建、挂载、更新、销毁，每个阶段都有两个钩子，一前一后Vue2的生命周期创建阶段：beforeCreate、created挂载阶段：beforeMount、mounted

化作繁星·2024-01-06 22:38

Vue学习笔记

最近学习了Vue，Vue的出现简化了很多代码步骤，Vue最强大的就是双向数据绑定。什么是Vue？Vue是一套用于构建用户界面的渐进式框架。它的核心是视图层，它在前端MVVM中的角色是VM.它是调度者，它分割了M和V。如果V（视图层）想要取数据，那么它会通过VM到M层去取数据；存储数据，VM会将V层的数据存储到M层。VM是M层和V层沟通的桥梁Vue主要是以Vue内置命令驱动，这是我根据Vue官方总结

程序员海军·2024-01-06 20:44

微信小程序开发笔记，你收藏了吗？

最近在开发微信小程序，把自己在项目中经常遇到的知识点记录下来，以便下次开发的时候查看。开发小程序开发工具推荐vscode写代码，微信开发工具用于查看效果和调试。

明眸yh·2024-01-05 22:43

4.vue学习笔记(事件处理+事件参数+事件修饰符)

文章目录1.事件处理1.1.内联事件处理器2.事件参数2.1.传参过程中获取Event3.事件修饰符3.1.阻止默认事件+阻止事件冒泡1.事件处理我们可以使用v-on指令（简写为@）来监听DOM事件，并在事件触发时执行对应的JavaScript。用法：v-on:click="methodName"或@click=“handler”事件处理器的值可以是1.内联事件处理器：事件被触发时执行的内联Jav

訴山海·2024-01-04 13:30

3.vue学习笔记（条件渲染+列表渲染+通过key管理状态）

文章目录1.条件渲染1.1.v-if1.2.v-else-if1.3.v-show1.4.v-if与v-show区别2.列表渲染2.1.复杂数据2.2.v-for与对象3.通过key管理状态1.条件渲染在vue中，提供了条件渲染，这类似于JavaScript中的条件语句v-ifv-elsev-else-ifv-show1.1.v-ifv-if指令用于条件性地渲染一块内容。这块内容只会在指令的表达式

訴山海·2024-01-04 13:29

2.vue学习笔记（目录结构+模板语法+属性绑定）

文章目录1.目录结构2.模板语法2.1.文本插值2.2.使用JavaScript表达式2.3.原始HTML3.属性绑定3.1.简写3.2.布尔型Attribute3.3.动态绑定多个值1.目录结构1.vscode——VSCode工具的配置文件夹2.node_modules——Vue项目的运行依赖文件夹3.public——资源文件夹（浏览器图标）4.src——源码文件夹5..gitgnore——gi

訴山海·2024-01-04 13:59

5.vue学习笔记(数组变化的侦测+计算属性+Class绑定)

文章目录1.数组变化的侦测1.1.变更方法1.2.替换一个数组2.计算属性计算属性缓存vs方法3.Class绑定3.1.绑定对象3.2.多个对象的绑定形式3.3.绑定数组3.4.数组与对象1.数组变化的侦测1.1.变更方法vue能够侦听响应式数组的变更方法，并在它们被调用时出发相关的更新。这些变更方法包括：push()pop()shift()unshift()splice()sort()rever

訴山海·2024-01-04 13:58

Vue中的计算属性与监听器

聚沙成塔·每天进步一点点⭐专栏简介Vue学习之旅的奇妙世界欢迎大家来到Vue技能树参考资料专栏！创建这个专栏的初衷是为了帮助大家更好地应对Vue.js技能树的学习。

几何心凉·2024-01-04 06:13

Vue学习笔记（2）:Vue使用中碰到的一些坑

1.子组件获取不到父组件异步加载的值父组件：exportdefault{components:{Child},data:function(){return{childInfo:'1'}},created(){this.getInfo()},mounted(){},methods:{getGoodInfo:function(){this.$axios.get('http://localhost:80

疏花·2024-01-04 03:20

python中xpath库知识点记录

#xpath###1、xpath安装与使用**安装**-安装lxml库pipinstalllxml-ipip源###2、解析流程与使用**解析流程**+实例化一个etree的对象，把即将被解析的页面源码加载到该对象+调用该对象的xpath方法结合着不同形式的xpath表达进行标签定位和数据提取**使用**-导入lxml.etreefromlxmlimportetree-etree.parse()解

longfei815·2024-01-04 01:14

BS4知识点记录

#beautifulsoup##一、beautifulsoup的简单使用简单来说，BeautifulSoup是python的一个库，最主要的功能是从网页抓取数据。官方解释如下：BeautifulSoup提供一些简单的、python式的函数用来处理导航、搜索、修改分析树等功能。它是一个工具箱，通过解析文档为用户提供需要抓取的数据，**因为简单**，所以不需要多少代码就可以写出一个完整的应用程序。##

longfei815·2024-01-04 01:43

【Vue学习day1】

0409Vue学习1.vueui界面执行vueserve2.在components文件夹中新建Login.vue组件,添加template，script，style标签,style标签中的scoped可以防止组件之间的样式冲突

劳伦缇娜·2024-01-03 19:39

牛客网面试题知识点记录-03

1.题目讲解重写后子类调用父类的方法总结：当子类重写了父类方法A，父类方法直接调用被重写的父类方法后，调用的是子类的重写的父类方法A。classTest{publicstaticvoidmain(String[]args){System.out.println(newB().getValue());}staticclassA{protectedintvalue;publicA(intv){setV

兜里旺仔没加糖·2024-01-03 11:05

c语言内嵌汇编知识点记录

内容在飞书云文档，点击打开即可。Docshttps://r0dhfl3ujy9.feishu.cn/docx/EaVIdjGVeoS6fUxiKWkcjAq8nWg?from=from_copylink

NewDiscoverer·2024-01-03 04:24

HCIE云计算备考知识点记录

仅针对个人觉得需要记录的知识点记录，可能会有错误kubernetes由master节点与node节点组Dockerfile基础镜像中有一个特殊镜像scratch，表示一个空白镜像kubernetes组件功能

心葉493·2024-01-03 00:46

ARMV7架构知识点记录

ArmV7-A架构知识点记录ARM会定期发布该架构的新版本。它们会添加新功能或对现有行为进行更改。此类更改几乎总是向后兼容的，这意味着在旧版本的体系结构上运行的用户代码将继续在新版本上正确运行。

执笔-叙写流年·2024-01-03 00:00

安装vue,使用idea运行vue3

vue学习笔记-安装vue,使用idea运行vue31.安装node.js1.https://nodejs.org/zh-cn/，点击长期支持版进行下载2.win+R输入cmd,输入node-v和npm-v

G_G_B·2024-01-02 10:25

基于FFmpeg音视频项目的系列笔记

和音频aac为ts文件5.音视频录制器6.PCM音频数据封装为WAV文件二、FFmpeg笔记1.ffplay源码之serial变量2.ffplay源码之音视频同步分析3.基于FFmpeg音视频项目的基本知识点记录三

Odin_Hua·2024-01-02 08:23

V-on的简单使用（VUE学习3）

一、v-on用于标签来监听"click"事件1.设置页面标题v-on的使用2.将Vue应用程序挂载到具有id="app"的div元素上3.包含一个具有id="lightDiv"的div元素，其中包含一个v-show指令和一个图像元素，4.使用v-show指令根据lightOn的值来动态显示或隐藏元素，并显示一个表示灯泡的图像5.包含一个按钮元素，使用v-on指令监听点击事件，并执行切换lightO

零梦ing·2024-01-01 05:43

v-for循环中使用v-on（VUE学习4）

一、使用v-for显示基于食物数组的列表，并为每个项目添加一个单击事件，该事件将使用数组项目中的值来更改图像的源。1.VUE基础框架Document2.设置页面标题v-for循环中使用v-on3.将Vue应用程序挂载到具有id="app"的div元素上4.显示一个img元素，通过v-bind指令动态设置src属性，根据imgUrl的值来显示不同的图片5.显示一个有序列表（ol），并使用v-for指

零梦ing·2024-01-01 05:43

v-bond和v-if的使用（VUE学习2）

一、v-bond的使用1.VUE基础框架：Document2.在头部定义一个样式，将具有pinkBG类的元素的背景颜色设置为lightpink.pinkBG{background-color:lightpink;}3.将Vue应用程序挂载到具有id="app"的div元素上，并使用v-bind指令绑定类，根据vueClass的值动态设置元素的类4.引入Vue.js3的全局脚本5.创建Vue应用程序

零梦ing·2024-01-01 05:13

Vue Methods 方法的使用（VUE学习5）

一、v-on指令用于元素来侦听"mousemove"事件。当"mousemove"事件发生时，会调用"mousePos"方法，并且默认使用该方法发送事件对象，这样我们就可以获得鼠标指针的位置1.VUE页面框架Document2.设置页面标题mousePos方法3.将Vue应用程序挂载到具有id="app"的div元素上4.显示一段提示文本，告诉用户在下面的方框上移动鼠标指针Movethemouse

零梦ing·2024-01-01 05:41

Vue学习计划-Vue3--初识Vue3，vite创建Vue3项目

1.Vue3简介性能的提升打包大小减少41%初次渲染快55%，更新渲染快133%内存减少54%源码的升级使用Proxy代替defineProperty实现响应式重写虚拟DOM的实现和Tree-Shaking拥抱TypeScriptVue3可以更好的支持TypeScript新的特性CompositionApi(组合Api)setupref和reactivecomputed与watch…新的内置组件：

化作繁星·2024-01-01 01:20

Vue的学习笔记

Vue学习框架1Vue2Vue框架3Vue问题4Vue生命周期参考：https://cn.vuejs.org/v2/guide/instance.html5Vue的五个属性参考：https://www.cnblogs.com

司空洛一·2023-12-31 16:44

Vue学习day_02

水果店的案例:要求:可以动态删除一个对个数的修改,以及点击全选的时候,水果前面的按钮都要标记为选中,要把价格,结算的个数等都要动态变化出来.分析:1:渲染功能:v-if进行条件的判断,要是数组里面有数据的话,就把主页面显示出来,要是没数据的话,就显示另外一个盒子v-elsev-for进行循环产生数据每一行的模板都是一样的,就是数据不一样,那就变一下数据就行了,其他都保持一致v-for="(item

FindYou.·2023-12-31 13:37

Vue学习day_03

普通组件的注册局部注册:创建一个components的文件夹在里面写上对应的.vue文件在对应的vue里面写上对应的3部分template写上对应的核心代码盒子等style写上对应的css修饰在App.vue里面进行引用import导包格式是import起个名字from'位置'在写一个components{写上组件名:组件对象},二者要是一样的话,可以简写为组件对象运行的结果:组件：组件的样式冲突

FindYou.·2023-12-31 13:37

2023-飞速成长的一年

2月中旬入职开始，先后完成了一些学习任务：SpringCloudAlibabaDemo学习作者:B站图灵学院周瑜前端Vue学习-达成目标Vue2.X、3.X工作中会抄，能满足日常需求《微服务架构设计模式

北i·2023-12-30 09:34

牛客网面试题知识点记录-02

1.collection接口2.在构造方法中调用方法A,若方法A被子类重写，则会先调用子类的方法A。举例如下题：此时会输出null，调用顺序为：子类初始化，但是子类实现了Base，会先执行Base的构造方法，构造方法调用callName，callName被子类实现，先调用子类callName，子类callName中的变量baseName还没有被初始化（未赋值），故输出null。3.java体系结构

兜里旺仔没加糖·2023-12-30 05:24

牛客网面试题知识点记录-01

牛客网面试题知识点记录1.线程池的相关知识点，参考线程池详解，该篇文章讲的比较详细2.接口当中变量默认是publicstaticfinal类型，方法默认是publicabstract类型。

兜里旺仔没加糖·2023-12-30 05:54

Vue指令详解

`v-cloak`⭐写在最后⭐专栏简介Vue学习之旅的奇妙世界欢迎大家来到Vue技能树参考资料专栏！创建这个专栏的初衷

几何心凉·2023-12-29 14:57

day04

Vue学习1.MVVM模式：MVVM即：Model-View-View-Model模式。它由经典的软件架构MVC衍生而来。

士官长哦·2023-12-28 20:24

VUE学习-优化组件

组件（优化）动态组件keep-alive当在这些组件之间切换的时候，你有时会想保持这些组件的状态，以避免反复重渲染导致的性能问题。有时我们更希望那些标签的组件实例能够被在它们第一次被创建的时候缓存下来。为了解决这个问题，我们可以用一个元素将其动态组件包裹起来。**切换tag时保存标签页状态注意这个要求被切换到的组件都有自己的名字，不论是通过组件的name选项还是局部/全局注册。当组件在内被切换，它

秋の本名·2023-12-28 18:27

vue学习中，一些vscode插件配置

1、AutoCloseTag（使用组件时，写前部分后部分自动生成）2、PathAutocomplete（路径提示）这个插件需要进行配置（在setting.json文件中）//导入文件时是否携带文件的扩展名"path-autocomplete.extensionOnImport":true,//配置@的路径提示"path-autocomplete.pathMappings":{"@":"${fold

大炮不想学习·2023-12-28 13:56

Vue学习笔记：路由详解

路由：Hash地址与页面的对应关系。1、vue-router的基本使用（1）安装vue-roouter包[email protected]（2）创建路由模块在src源代码目录下，新建roouter/index.js路由模块，并初始化如下代码：importVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter))//调用V

子非余不知渔之乐·2023-12-28 09:22

VUE学习笔记-页面跳转

在最近的项目开发中，需要使用到Vue的页面跳转，就记录一下常用的几种：原生JSvarurl='https://10.50.1.10:8888/'window.open(url)//打开新页面window.location.href=url//跳转页面template点击跳转$router.push有时候我们需要的是点击按钮跳出弹窗，选择判断后进行跳转，我们常用.$router.push跳转传参：跳

赵客缦胡缨v吴钩霜雪明·2023-12-28 07:24

浅谈ASP.NET Core中IOC与DI的理解和使用

使用过ASP.NETCore的人对这两个概念一定不陌生，早前，自己也有尝试过去了解这两个东西，但是一直觉得有点很难去理解，总觉得对其还是模糊不清，所以，趁着今天有空，就去把两个概念捋清楚，并将学习过程的知识点记录下来

baoduan7406·2023-12-27 21:53

Vue学习之第一章——Vue核心

第一章.Vue核心1.1Vue简介1.1.1官网英文官网:https://vuejs.org/中文官网:https://cn.vuejs.org/1.1.2Vue特点遵循MVVM模式编码简洁,体积小,运行效率高,适合移动/PC端开发它本身只关注UI,也可以引入其它第三方库开发项目1.2初始Vue这里可以参考：创建第一个Vue2项目-----HelloWorld初始Vuehello{{name}}V

吃一口你的梦。·2023-12-26 16:47

vue学习（4）多个vue项目的localstorage数据存储

时隔一段时间，林大大又来更新了喔~1、为什么要用vuex持久化存储？vue项目以单页面模式存在，那么必然会引起一个问题，就是会首次加载所有资源，即使对路由使用懒加载，也会比较慢，那么就有根据项目的功能模块来区分:每个模块为一个vue项目，每次路由导航都是跳转到另一个项目的index.html中（蛮像以前的jq模式），那么会出现一种情况，就是每个vue项目都有自己的vuex数据存储，那么如何实现通用

林大大哟·2023-12-25 11:40

Vue学习常见问答

1.什么是MVVM模式？MVVM（Model-View-ViewModel）是一个软件架构设计模式。其推进了前端开发与后端业务逻辑的分离，极大地提高了前端开发效率，MVVM分为三层View视图层，也就是构建出来的用户页面Model数据层，存放数据的状态ViewModel视图数据层，是MVVM模式的核心层，作为其余两层的中间枢纽，更新视图层并操作改变数据层的状态。2.computed和watch区别

鲲罹·2023-12-25 09:57

Vue学习

Vue学习1.Vue概述2.快速入门3.Vue指令2.3.1v-bind和v-model2.3.2v-on2.3.3v-if和v-show2.3.4v-for4.案例5.生命周期1.Vue概述Vue是一套构建用户界面的渐进式框架

Sup星月★然·2023-12-25 09:15

vue学习(13)：watch，computed的使用

1.名称案例使用keyup实现//分析：(1).我们要监听到文本框数据的改变，这样才能知道什么时候去拼接出一个fullname(2).如何监听到文本框的数据改变+=varvm=newVue({el:'#app',data:{firstname:'',lastname:'',fullname:''}methods:{getFullname(){this.fullname=this.firstname

不会改变·2023-12-25 04:03

Android 面试知识点记录——Rxjava与协程

作者：浪人笔记RxjavaRxjava常用操作符map和flatMap有什么区别Rxjava1.0和Rxjava2.0有什么区别？subscribeOn与observeOn多次执行会怎么样？Rxjava是怎么切回到主线程的协程进程、线程、协程的区别什么回调地狱以及协程在这方面的处理开发中怎么选择合适的调度器RxjavaRxjava常用操作符map()操作符：用于将流中的每个元素通过一个函数转换为另

艾瑞败类·2023-12-24 23:33

推荐频道

vue学习知识点记录