vue学习知识点记录

Vue学习笔记：理解Vue2如何解决数组和对象的响应式问题

目录前言基本的代码对复杂对象的处理对Array的处理完整代码仍存在的问题参考的资料前言Vue2是通过用Object…defineProperty来设置数据的getter和setter实现对数据和以及视图改变的监听的。对于数组和对象这种引用类型来说，getter和setter无法检测到它们内部的变化。那么Vue2是则么来解决这个问题的呢？通过一个简单的例子来理解Vue2中是如何解决数组和对象的响应式
蓝色香蕉船·2023-10-03 23:39

【好记忆不如烂笔头】学习Vue3

通过看小满zs学习Vue3知识点，将知识点记录下来。
茶茶呀·2023-10-03 00:19

基于Qt Creator开发的坦克大战小游戏

目录介绍开发环境技术介绍安装说明项目目录设计思想项目介绍运行演示知识点记录Gitee源码链接介绍！！！资源图片是从网上免费下载，源码都是原创，供个人学习使用，非盈利！！！！！！
ACE叫牌·2023-10-02 08:10

Vue学习（二）————数据绑定、el与data的两种写法、MVVM

文章目录数据绑定el与data的两种写法MVVM数据绑定单向数据绑定:双向数据绑定:newVue({el:'#d',data:{m:
木鱼非鸟·2023-10-01 12:00

Vue学习记录——数据绑定、el和data两种写法、MVVM模型

Vue学习记录容器和实例是一一对应的关系数据绑定v-bind和v-modelv-bind是单向绑定不能通过界面修改数据v-model是双向绑定可以通过界面修改数据v-model的使用是有范围的，只能应用在表单类元素类
想做合格的前端程序员·2023-10-01 12:59

Vue学习002-数据绑定-el与data的两种写法-mvvm模型

1.分为单向和双向数据绑定1.1单向数据绑定：只存在从Vue数据到实例这个方向，而当前端改变时，后台的Vue里的数据不变.如图1.2双向绑定一般有value值用于双向，如表单v-model:value简写：v-model单向绑定双向绑定双向绑定Vue.config.devtools=truenewVue({el:'#root',data:{url:"http://www.baidu.com"}})
玛卡巴咖·2023-10-01 12:28

vue学习笔记(七)-vue3新特性

概念vue3简介2020年9月18日，Vue.js发布3.0版本，代号：OnePiece（海贼王）耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的tags地址：https://github.com/vuejs/vue-next/releases/tag/v3.0.0Vue3带来了什么1.性能的提升打包大小减少41%初次渲染快55%,更新渲染快133%内存减
这货不是陈进坚·2023-09-29 15:00

vue学习-09vue动画效果和配置代理服务器

动画效果Vue.js提供了多种方式来实现动画效果，最常用的是使用Vue的过渡和动画功能。下面是一个简单的示例，展示了如何在Vue.js中创建动画效果：过渡效果：Vue提供了transition组件，它可以包裹要进行过渡动画的元素。以下是一个例子：Toggle这是一个过渡效果exportdefault{data(){return{show:false};},methods:{toggle(){thi
Miaow.Y.Hu·2023-09-29 09:08

vue学习-08全局事件总线与消息订阅与发布

Vue的全局事件总线Vue.js的全局事件总线是一种常见的通信模式，它允许不同组件之间进行通信和数据传递，而无需直接引用彼此。全局事件总线的核心思想是创建一个中央事件总线对象，允许组件在其中发出事件并监听事件。下面是如何在Vue.js中创建全局事件总线的步骤：创建一个事件总线对象：在你的Vue.js应用中，通常在根实例（main.js或根组件）中创建一个事件总线对象。你可以使用Vue实例作为事件总
Miaow.Y.Hu·2023-09-29 09:37

vue学习-10vue整合SpringBoot跨域请求

在Vue.js应用整合SpringBoot后端时，需要处理跨域请求。跨域请求通常发生在前端应用运行在不同的域名或端口上时，而后端服务运行在不同的域名或端口上。以下是一种处理跨域请求的常见方式：后端（SpringBoot）配置在SpringBoot项目中配置CORS（跨域资源共享）以允许来自前端应用的跨域请求。@ConfigurationpublicclassCorsConfig{@Beanpubl
Miaow.Y.Hu·2023-09-29 09:33

Vue学习笔记

1.计算属性computed与监听属性watch的区别1>计算属性是依赖的属性值改变后，将计算属性的返回值作为最新结果，所以，里面不能异步的返回结果，不可以写异步逻辑。2>监听属性是监听的值改变后会重新执行函数，将一个值重新赋值作为返回结果，可以写异步逻辑。示例如下：{{msg}}{{newValue}}点击letvm=newVue({el:'#app',data:{msg:'hello',new
WEB前端开发者·2023-09-29 06:32

vue学习+vscode

一、增加扩展1.Chinese(Simplified)LanguagePackforVSCode中文（简体）语言包2.openinbrowser右击选择浏览器打开html文件3.AutoRenameTag自动重命名配对的html/xml标签4.CSSPeek追踪到样式5.JS-CSS-HTMLFormatter每次保存都会自动格式化jscss和html代码6.EasyLESS插件用来把less文件
marsman2010·2023-09-27 06:33

尚硅谷课程vue学习（一）

目录data两种写法el两种写法由vue管理的函数，一定不要写箭头函数，不然this指向windows实例了MVVM模型defineProperty属性数据代理v-on:v-bind:键盘事件keyupkeydowncomputed计算属性监视属性watch监视属性和计算属性区别绑定class和style属性条件渲染v-if,v-show列表渲染课程地址：https://www.bilibili.
与风共舞true·2023-09-27 06:38

【前端】vue学习5 : vue + ElementUI

vue+elementUI项目搭建命令行需要管理员权限。根据之前创建vue-cli项目一样再来一遍创建项目。1、创建一个名为hello-vue的工程vueinitwebpackvue-elementD:\IdeaProjects\vue>vueinitwebpackvue-element‘git’�����?Projectnamevue-element?Projectdescription回车?A
nickkkkkkkkk·2023-09-26 09:39

vue学习（29）VueComponent

知识点school组件本质上是一个VueComponent的构造函数，且不是程序员定义的，是Vue.extend生成的。我们只要写或者，vue解析时会帮我们创建school组件的实例对象。即vue会帮我们执行newVueComponent(options)。每次调用Vue.extend，返回的都是一个全新的VueComponent。关于this的指向①：组件配置中data函数，methods中的函
哆啦C梦的百宝箱·2023-09-26 00:49

vue学习-06todoList案例与浏览器本地存储

TodoListTodoList（任务列表）是一个简单的Web应用程序示例，用于管理任务、代办事项或清单。Vue.js是一个非常适合构建这种类型应用程序的框架，因为它提供了数据绑定、组件化、响应式和轻松管理用户界面的能力。以下是一个基本的Vue.jsTodoList的示例：任务列表显示：在Vue.js中，你可以使用数据绑定来动态渲染任务列表。任务列表通常以一个数组的形式存在，Vue.js会帮助你将
Miaow.Y.Hu·2023-09-25 20:36

vue学习-07TodoList本地存储以及TodoList的自定义事件

关于TodoList在上篇也简单介绍了，这篇，就是将TodoList与本地存储绑定起来，算是综合利用吧，在实际开发中我们均有涉及到灵活使用我们所学所敲的demo，这或许就是我们平时多敲demo然后实际开发中CV改造Demo吧。Todolist本地存储main.js//引入Vue组件importVuefrom'vue';//引入App组件importAppfrom'./App.vue';//关闭Vu
Miaow.Y.Hu·2023-09-25 20:34

Vue学习之路第十五篇：v-if和v-show指令

1、v-if和v-show都是用来实现条件判断的指令。2、先看代码click这是v-if指令控制这是v-show指令控制varvm=newVue({el:"#app",data:{flag:true},methods:{reverse(){this.flag=!this.flag;}}});通过点击按钮来控制v-if和v-show对应元素的显示和隐藏。从页面展示现象看，这两个指令的作用是一样的，我
weixin_30315723·2023-09-25 15:37

Vue学习笔记

本博客记录Vuev2.7.8的学习，参考文档目录Vue概述入门案例Vue指令v-bind和v-modelv-onv-if和v-showv-for综合案例生命周期Vue概述一个完整的html页面包括了视图和数据，数据是通过请求从后台获取的，那么意味着我们需要将后台获取到的数据呈现到页面上，很明显，这就需要我们使用DOM操作。正因为这种开发流程，所以引入了一种叫MVVM(Model-View-View
weixin_43739821·2023-09-25 10:39

Vue el-menu高亮设置及点击菜单项实现路由跳转

el-menu相关知识记录一、el-menu菜单项高亮设置二、点击菜单项实现路由跳转2021/11/13知识点记录一、el-menu菜单项高亮设置el-menu高亮是通过:default-active来设置的
毛毛虫呜呜·2023-09-25 10:48

Vue学习：浏览器本地存储localStorage

本地存储：localStorage搜网址，底下显示你搜索的历史保存在本地存储中自己编写一段本地存储，用window上的方法localStorage.setItem("key","value")：保存数据：对于对象使用JSON.stringifyloaclStorage点我保存一个数据letp={name:'z',age:20}console.log(p.toString())functionsav
¡Venceremo·2023-09-24 20:47

Vue学习笔记

vue的特性数据驱动视图双向数据绑定底层原理是MVVM(Model数据源,view视图,modelviewVue实例)数据驱动视图数据的变化会驱动视图自动更新优点：只需要维护数据，页面结构会被vue自动刷新双向数据绑定填写表单时，在开发者不操作DOM的前提下，自动把用户填写的内容同步到数据源中js数据的变化，会被自动渲染到页面上MVVM在MVVM概念中：model代表当前页面渲染时所依赖的数据源V
科黎·2023-09-24 18:51

【留下笔记】实习过程中查询过的问题，留下来

就把本次实习过程遇到的问题或知识点记录下来，供自己将来无聊之时方便回顾。C语言数组名和指针？
下午写HelloWorld·2023-09-23 00:32

c++文件服务器相关知识点记录-1

1.半同步/半异步模式半同步/半异步模式是一种多线程编程模式，其中一部分线程采用同步方式进行操作，另一部分线程采用异步方式进行操作。在半同步/半异步模式中，通常会有一个主线程和多个工作线程。主线程负责接收和分发任务，它会等待工作线程的完成，并且需要等待所有工作线程完成后才能终止。工作线程负责执行具体的任务，它们可以并行运行，互相之间不需要进行通信。半同步/半异步模式的一个典型应用是服务器的设计。主
maitd·2023-09-22 22:18

Vue学习笔记

vue的学习有一阵子了，打算在这新的一年花一点时间去沉淀一下。本篇文章主要是围绕vue2.0官方文档进行简化和总结，如果读者是零基础，请阅读官方文档~(2022/1/3…持续更新https://cn.vuejs.org/v2/guideVue2.0学习笔记Vue的介绍Vue2.0指令篇内容渲染条件渲染用key管理可复用的元素循环渲染维护状态属性绑定v-bind:事件绑定v-on:事件修饰符按键修饰
okouk·2023-09-22 16:53

Vue学习（5）-插槽slot

插槽就是子组件预留给父组件放置内容的空间，如果没有插槽，那么我们在父组件中使用子组件时，往子组件里添加内容是无效的。父组件：这里是父组件DOM那么有什么办法可以让子组件标签像div一样可以在里面放置内容吗？当然是有的，就是我们要介绍的插槽slot。slot如果我们在子组件中添加插槽，那么放入子组件标签中的内容就会被加载到slot中。子组件：这是子组件这样父组件中添加的内容将会替换掉slot，相当于
小焲·2023-09-21 20:10

Vue学习笔记

课程来源：https://www.bilibili.com/video/BV1Zy4y1K7SH?p=4&vd_source=6f37192b213c98639a87ec77b26d105d学习计划：一天学10节，从第四节开始做笔记，预计16天完成（完成日期2022年12月7日）目录：目录2022年11月20日：一、搭建Vue开发环境二、HelloWorld小案例三、分析Hello案例四、模板语法
懒羊羊♛·2023-09-21 07:14

（三）Vue之模板语法

文章目录插值语法指令语法Vue学习目录上一篇：（二）初识Vue下一篇：（四）Vue之数据绑定Vue模板语法有2大类：1.插值语法2.指令语法插值语法功能：用于解析标签体内容。
忆亦何为·2023-09-21 05:00

vue学习

letid=0exportdefault{data(){return{newTodo:'',hideCompleted:false,todos:[{id:id++,text:'LearnHTML',done:true},{id:id++,text:'LearnJavaScript',done:true},{id:id++,text:'LearnVue',done:false}]}},compute
我是公鸡奶油多·2023-09-20 09:08

Vue学习笔记

初识Vue需要创建Vue实例root容器代码需要符合html规范，但是混入了一些特殊的Vue语法root容器代码被称为Vue模板容器和Vue实力之间一一对应注意区分js表达式、js代码：一个表达式会生成一个值，可以放在任何一个需要值的地方{{}}需要写js表达式，可以读取data中的所有属性data中属性的值发生改变，那么页面中用单该属性的地方也会自动更新真实开发中只有一个vue实力，并且会配合着
朝阳王铁蛋·2023-09-20 05:13

vue学习06-插件与Scoped属性

插件在Vue.js中，插件是一种用于扩展Vue.js应用的机制，它允许你在全局范围内添加新的功能或库，以便在多个组件中共享和重用。以下是与Vue.js插件相关的一些概念和使用方式：插件的定义：插件通常是一个包含install方法的JavaScript对象或函数。这个install方法在安装插件时被调用，可以接受Vue构造函数作为参数，以便在全局范围内添加功能或组件。例如：//MyPlugin.js
Miaow.Y.Hu·2023-09-19 21:12

vue学习-04vue的props配置项和mixin混入

今天仍然就是敲vue的一个demo，vue的props配置项和mixin混入props配置项Vue.js中的props是用于在父组件向子组件传递数据的配置项。通过props，你可以将父组件中的数据传递给子组件，并在子组件中使用这些数据。以下是关于props配置项的一些重要信息：父组件向子组件传递数据：通过在子组件的props中声明属性，可以告诉Vue.js你希望从父组件传递哪些数据到子组件。这些属
Miaow.Y.Hu·2023-09-19 21:42

无线感知论文知识点记录

目录Widar1.0PositionTrackingforVirtualRealityUsing(MUSIC算法应用)MultipleEmitterLocationandSignalParameterEstimation(MUSIC算法)AOA估计中的MUSIC算法MUSIC算法先平滑后根值法解相干信号源AOA利用双天线商用WiFi信道状态信息估计到达角基于Wi-Fi信道状态信息的室内定位算法研究
一去不复返的通信er·2023-09-19 15:53

【软考复习系列】计算机网络易错知识点记录

参考文章：图解路由器：这玩意儿能连接全世界的网络？-知乎(zhihu.com)宏内核和微内核宏内核应该叫单内核或者单核。在这种单核的设计中，内核是一个大的整体，所有内核服务都运行在一个地址空间中，函数之间的调用链路少，直接通信简单高效。微内核的功能会划分为独立的进程，进程之间通过IPC进行通信，高度模块化，一个服务的故障不会影响另一个服务。进程之间通过微内核通信2.IPV6自动配置会在地址前缀之后
Edward.W·2023-09-19 12:19

FE_Vue学习笔记 - 组件的理解vue vc

1单文件组件在Vue应用中，单文件组件（SingleFileComponents）是一种特殊的文件格式，以.vue为后缀，它允许开发者在一个文件中定义一个Vue组件的全部内容。每个单文件组件由三个部分组成：template（模板）、script（脚本）和style（样式）。这些部分分别代表Vue组件的结构、逻辑和样式。具体而言，一个单文件组件的构成如下：template部分：这部分使用HTML语法
@Autowire·2023-09-18 21:23

FE_Vue学习笔记 - 数据代理

Vue中的数据代理是一种机制，通过它，Vue实例（vm）可以代理其数据对象（data）中的属性操作。这种代理的原理主要是通过Object.defineProperty()方法，将data对象的每个属性都添加到vm对象上，并为这些属性定义getter和setter方法。在getter和setter内部，我们可以进行对data中对应属性的读取和修改。通过这种方式，Vue实例可以方便地代理其数据对象中的
@Autowire·2023-09-18 21:45

vue学习-03vue父子组件与ref属性

本篇开始，我们将复习一下上篇的组件引入：App.vue//引入组件。语法：import组件名from'组件的路径'importSchoolfrom'./components/School.vue'importStudentfrom'./components/Student.vue'//暴露App(父)组件exportdefault{name:'App',//注册子组件components:{Sch
Miaow.Y.Hu·2023-09-18 20:56

vue学习-02vue入门之组件

删除Vue-cli预设在用户根目录下(C:\Users\你的用户名)这个地址里有一个.vuerc文件,修改或删除配置组件Props(组件之间的数据传递)Prop的大小写(camelCasevskebab-case)不敏感Prop类型:StringNumberBooleanArrayObjectDateFunctionSymbol传递静态或动态Prop单向数据流:只能父传子，不能子传父Prop验证：
Miaow.Y.Hu·2023-09-18 20:26

vue学习-01vue入门

Vue官网地址https://cn.vuejs.org/Vue介绍Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。兼容性Vue不支持IE8
Miaow.Y.Hu·2023-09-18 20:52

数据产品实战进阶学习笔记

《数据产品实战进阶》知识点记录总结，仅供参考~文章目录一、基础知识1.1.数据产品定义1.2.数据产品组成1.3.数据产品分类1.4.数据产品衡量1.5.数据产品经理的分类1.6.数据产品经理的能力模型
LMY的博客·2023-09-18 18:11

Vue学习（4）条件渲染

v-ifv-if实现按条件渲染目标yes#在元素上使用v-if当分组渲染时，将元素作为不可见的包裹元素，并在上面使用v-if，实现分组条件渲染。#v-elsev-else必须在v-if或者v-else-if后。yesno#v-else2.1.0新增v-else-if必须在v-if或者v-else-if后，可连用。ABnotA/B#用key管理可复用的元素Vue的渲染机制：复用已有元素，提高算然速度
好遠·2023-09-18 15:32

Docker知识点记录

一、docker是什么？docker：是一个应用打包，发布，部署工具。docker优势：跨平台部署，性能优越（按需分配），自动化部署，稳定性优越。docker运行方式：Docker是C/S模式，以客户端和守护进程的方式来运行。一个docker容器同时只能管理一个进程,这个进程退出后,容器也就退出了,当然一个容器里可以同时运行多个进程。当容器启动完后执行某脚本后,该进程结束了,其他进程也结束了,所以
半斗烟草·2023-09-18 07:00

vue学习之vue cli创建项目

安装node.jshttps://nodejs.org/en安装vueclinpminstall-g@vue/cli--registry=https://registry.npm.taobao.org创建项目执行创建命令，回车vuecreatevue-cli-learning选择“Manuallyselectfeatures”，回车“空格”关闭Linter/Formatter选项，回车
赴前尘·2023-09-17 06:47

vue学习之组件化开发

1.vue创建基于vue2的项目vuecreatevue-cli-learning选择“Manuallyselectfeatures”取消勾选“Linter/Formatter”选择“2.x”选择“Inpackage.json”输入“N”回车
赴前尘·2023-09-17 06:47

vue学习之Font Awesome图标

官方文档https://fontawesome.com.cn/v5FontAwesome安装cnpminstallfont-awesome/src/main.js引入cssimportVuefrom'vue';importElementUIfrom'element-ui';import'element-ui/lib/theme-chalk/index.css';importAppfrom'./Ap
赴前尘·2023-09-17 06:16

vue学习之element-ui组件集成

1.element-ui链接https://element.eleme.cn/#/zh-CN2.element-ui安装cnpminstallelement-ui3.创建项目https://blog.csdn.net/qq_36940806/article/details/132921688?spm=1001.2014.3001.55024.引入element库/src/main.js引入elem
赴前尘·2023-09-17 06:13

Vue学习笔记总结

目录1、Vue核心1.1什么是vue?1.2什么是mvvm?编辑1.3插值表达式{{}}2.Vue中的常用指令2.1内容渲染指令2.2条件渲染指令2.3事件绑定指令2.4属性绑定指令2.5列表渲染指令2.5.1小案例-小黑的书架2.6v-for中的key2.7双向绑定指令3.指令修饰符3.1什么是指令修饰符？3.2按键修饰符3.3v-model修饰符3.4事件修饰符4.v-bind对样式控制的增强
钟月一人·2023-09-15 15:29

工作知识点记录

1.超链接可以指定路径下载文件2.excel导入数据，并存储到数据库。3.高内聚低耦合：就是在一个类中，要紧密相连，不同的类要尽量分离4.枚举类的使用：5.oracle删除建库授权及导入dpm文件6：视图的使用
IamDayu·2023-09-15 11:01

Vue学习

文章目录Vue.js前端框架入门一、什么是Vue.js二、Vue.js生态圈及其周边扩展三、Vue.js框架的结构、组件开发思想四、Vue.js所适用的场景Vue安装Node.js环境安装创建一个Vue应用vue官网：[https://cn.vuejs.org/](https://cn.vuejs.org/)Vue.js前端框架入门一、什么是Vue.js是渐进式JavaScript框架，广泛使用的
初学小白Lu·2023-09-15 08:30

Hls.js播放m3u8视频 & DPlayer视频播放器（easypan） & MSE简介

文件切片java实现TsControllerTsServiceDPlayer播放m3u8视频效果扩展内容：MSE(MediaSourceExtensions)介绍1概述2whyMSE代码安装依赖App.vue
ps酷教程·2023-09-14 12:56
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他