vue学习知识点记录

Vue学习笔记（一）

笔者不追求对Vue有深入的了解，笔者只对Vue进行了初步地学习，只为掌握springboot+Vue的前后端相结合的数据流动，所以笔记是基础中的基础。请搭配前几篇Springboot学习笔记食用。1.前端环境准备2.Vue框架介绍3.Vue快速入门4.axios快速入门5.跨域问题6.前端请求后端数据1.前端环境准备编码工具：VSCODE依赖管理：NPM项目构建：VueCli2.Vue框架介绍Vu
MSK_OS·2023-12-23 11:25

Node.js安装与配置

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

Vue和jQuery：横向对比

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

07vue学习——v-for的四种遍历

07vue学习——v-for的四种遍历前言v-for指令的in后面可以放普通数组、对象数组、对象、数字1.v-for的四种遍历——遍历普通数组代码：v-for的四种遍历这是索引{{i}}，这是值{{item
0563xixi·2023-12-22 00:26

小知识点记录:计算机网络知识[集线器, 交换机, 路由器]

最近在看大佬的计算机网络学习讲解:【网络】半小时看懂受益良多,言犹在耳文章目录集线器交换机路由器计算机网络就是实现计算机进行通信的,通过01这样的高低电频来进行传输数据;如果说要通信的计算机比较多呢?采用互相连接,这样虽然也行的通,但是如果计算机越来越多呢?这样的通信过于冗余.(1)那么也就有了通信转发的概念,比如说A机器想要给E机器发数据,可以通过A->B->E;就无需连接过多的通信线了;(2)
小智RE0·2023-12-21 10:20

Vue学习计划-Vue2--VueCLi（九）vue路由详解

1.介绍理解：一个路由（route）就是一组映射关系（key-value）,多个路由需要路由器（router）进行管理前端路由：key是路径,value是组件，通俗的将就是通过一个路径key，可以访问vue的组件，实现组件的访问与跳转以及传参2.基本使用安装vue-router,命令npmivue-router应用插件：Vue.use(vueRouter)编写router配置项：配置compone
化作繁星·2023-12-21 06:44

Vue学习计划-Vue2--VueCLi（八）vuex统一状态管理实现数据共享

1.vuex是什么概念：专门在Vue中实现集中式状态（数据）管理的一个Vue插件，对Vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。这个怎么理解呢？可以暂时理解成全局事件总线、消息订阅与发布一样的道理，把vuex当成是外部的一个储存空间，内部储存着方法和状态。看一下图：其中呢：state：是一个对象，目的是保存具体的数据actions对象
化作繁星·2023-12-21 06:14

Vue学习计划-Vue2--VueCLi（一）准备工作，安装node、vuecli

1.安装node网址：https://nodejs.org/en下载LTS版本表示长期支持版本说明：node是一个基于ChromeV8引擎的javascript运行环境,让JavaScript运行在服务端的开发平台vuecli创建的项目必须运行在node环境中，npm为node自带包管理工具，用于下载三方依赖包和运行项目打包等操作npm官网https://www.npmjs.com/，npm中文网
化作繁星·2023-12-21 06:13

VUE学习笔记（黑马2023版 持更）

VUE学习笔记（黑马2023版）第一天1.Vue是什么？
m0_70675152·2023-12-21 03:25

Vue学习笔记(黑马前端)

Vue阶段作业地址Vue核心技术与实战day01Vue快速上手Vue概念/创建实例/插值表达式/响应式特性/开发者工具Vue指令v-html/v-show/v-if/v-else/v-on/v-bind/v-for/v-model综合案例-小黑记事本列表渲染/删除功能/添加功能/底部统计/清空Vue快速上手Vue是什么概念：Vue是一个用于构建用户界面的渐进式框架基于数据渲染出用户看到的页面Vue
ltpbje·2023-12-21 03:54

Vue学习之watch侦听器:案例实现翻译功能

watch侦听器作用：监视数据的变化，当数据发生变化时，执行一些业务逻辑或者是异步操作执行的场景例如在线翻译，当文本区域的内容发生变化时，会发生翻译内容的同时更新语法：简单的写法➡简单数据类型，可以直接的进行监听完整的写法➡添加额外的配置项案例：翻译功能案例准备代码:Document*{margin:0;padding:0;box-sizing:border-box;font-size:18px;
不想睡醒的梦·2023-12-20 19:50

MVVM响应式

2.Vue中的响应式数据3.数据绑定与视图更新⭐写在最后⭐专栏简介Vue学习之旅的奇妙世界欢迎大家来到Vue技能树参考资料专栏！创建这个专栏的初衷是为了帮助大家更好地应对Vue.js技能树的学习。
几何心凉·2023-12-20 11:49

Vue简介

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

MVVM的优点

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

Vue学习——组件内容不显示

记录些学习中遇到的坑1.vue路由跳转组件页面时，链接跳转了但组件内容没有显示原因：组件没有加载，语法有错错误写法：constroutes=[//输入com时编辑器自动提示components，但如果只有一个组件应使用component{path:'/login',components:Login}]正确写法：constroutes=[//要按正确格式写，上面连着写path和component是无
dearIrene·2023-12-20 10:15

vue学习

在调用函数的时候，在参数前加上$格式化代码：Shift+Alt+FDOM树简单理解学习：https://www.cnblogs.com/cjeandailynotes/p/10508623.html1、安装vue及其注意点安装教程：https://www.runoob.com/vue3/vue3-install.html1)、问题：vue:无法加载文件C:\Users\Administrator.
乐神来了·2023-12-20 02:56

Vue学习笔记01-基础部分

文章目录VUE笔记-01基础1、简介mvvmES6补充js高阶函数let/varconst增强字面量写法2、基础2.1、引入2.2、第一个Vue程序el挂载点data数据对象methodsVue的生命周期(补)2.3、Vue指令**Mustache:胡子/胡须.****v-once**不经常**v-pre**cloak(了解)v-htmlv-textv-on绑定事件v-onv-on修饰符v-on参
sgxmr·2023-12-18 23:12

vue2入门

vue2官方文档：安装—Vue.js1、安装新建"vue"文件夹——>新建vue1.html直接用标签引入vue：tips:CDN:一个网络加速的技术完整代码如下：vue学习此时就已经引入成功了2、vue
北乎下周·2023-12-18 19:54

毕业论文知识点记录（六）——基于R语言优化maxent模型

毕业论文知识点记录（六）——基于R语言优化maxent模型第一步：R安装这个网上都有很多详细的步骤，就不再详细介绍了。
遥遥遥遥遥遥感·2023-12-18 10:18

VUE学习一、环境的安装

1.node.js安装node.js是前端依赖的环境,类似于java中的jdk下载地址node.js下载msi文件下完就是一顿嘎嘎安装,安装后可以cmd看看node和npm的版本1.2yarn的安装Yarn是Facebook最近发布的一款依赖包安装工具。Yarn是一个新的快速安全可信赖的可以替代NPM的依赖管理工具。官网的说明是Yarnisapackagemanagerforyourcode.It
TimerShaft·2023-12-18 09:09

VUE学习二、创建一个前端项目

1.创建一个vue项目使用命令vueui启动vue脚手架vueui等待项目创建好可以来任务栏启动项目参数那里可以设置启动端口等参数启动成功成功访问2.用webstorm打开项目脚手架页面可安装基本依赖比如路由使用ws打开项目启动项目npmrunserve3.修改启动端口devServer:{port:8001}
TimerShaft·2023-12-18 09:09

VUE学习三、前端项目部署

1.前端项目打包执行命令npmrunbuild:prod正常命令结束,会在前端项目里面出现dist文件夹2.nginx下载安装nginx下载:http://nginx.org/en/download.htmlWindows下载版本Mainlineversion：Mainline是Nginx目前主力在做的版本，可以说是开发版Stableversion：最新稳定版，生产环境上建议使用的版本Legacy
TimerShaft·2023-12-18 09:34

Vue学习笔记-Vue3中的readonly和shallowReadonly

readonly导入：import{readonly}from'vue'作用：让一个响应式数据变为只读的（深只读）用法：letdata=readonly(data)shallowReadonly导入：import{shallowReadonly}from'vue'作用：让一个响应式数据变为只读的（浅只读）用法：letdata=shallowReadonly(data)[备注]：上述应用场景一般用在
theLuckyLong·2023-12-17 19:31

Vue学习笔记 —— 关于vue.config.js不生效的解决方案

Vue学习笔记——关于vue.config.js不生效的解决方案前言检查script脚本启动项结束语前言今天在写Vue项目的时候，需要配置axios跨域代理，之后在根目录下创建了vue.config.js
Marinda_Speed·2023-12-17 17:35

python知识点记录

目录1、get和post是两个不同的请求体，get直接简单，但不安全，post有一层包装，更安全。2、一个测试服务器实例代码：3、HTTP请求格式：4、反爬机制三要素：UA,cookie,referer5、json格式化快捷方式6、referer反爬7、Pycharm快捷方式：8、Cookie反爬，这里是指静态Cookie，动态的爬不了9、get请求参数10、post请求体11、爬图片和视频12、
longfei815·2023-12-17 10:12

Vue学习:动画

动画：使用过度类名实现动画v-enter这是一个时间点，是进入之前，元素的起始状态，此时还没有开始进入v-leave-to是一个时间点，是动画离开之后，离开的终止状态，此时元素动画已经结束了.v-enter-active入场动画的时间段.v-leave-active离场动画的时间段可自定义前缀给transition添加一个name属性.my-enter,my-leave-to{opacity:0;
Merbng·2023-12-17 05:36

【SpringBoot】接口返回值结构与实体类结构不一致的场景

在此结合我遇到的实际场景，将用到的知识点记录下来。场景一：Jackson注解——@JsonIgnore某个接口会返回用户信息，但是我不希望一些敏感信息返回给前端，比如用户的密码。
zadarmo_·2023-12-16 19:19

vue学习过程

基础部分实例组件指令选项模板渲染事件绑定计算属性内置动画组件交互路由数据渲染/数据同步组件化、模块化官方工具：https://github.com/vuejs源码:https://github.com/vuejs/vue论坛：https://forum.vuejs.org/
多佳小昕·2023-12-16 16:18

Vue学习笔记-Vue3中的Teleport组件

作用该组件的作用一般用于CSS样式，Teleport能够将写在其中的组件传输到指定位置使用示范我是一个弹窗今日要闻今日要闻今日要闻今日要闻关闭弹窗如上述代码所示，teleport中的html元素被传送至body中，无论谁调用该组件
theLuckyLong·2023-12-16 03:32

Vue学习笔记-Vue3的toRef和toRefs

toRef作用：创建一个ref对象，其value值指向与其绑定的数据对象中的某个属性，当toRef创建的对象值改变时，与其绑定的响应式对象中对应的属性也发生改变导入：import{toRef}from'vue'使用：constname=toRef(data,'name')，其中data为响应式对象,'name'为其对应的属性的key应用场景：将某个响应式对象中的某个属性单独给外部使用时toRefs
theLuckyLong·2023-12-16 03:57

Vue学习笔记之组件开发

5.1组件化开发思想文章目录5.1组件化开发思想5.2组建的创建与使用5.3组件之间的通信5.4组件生命周期组件化是vue的精髓，vue开发就是由一个一个组件构成组件的分类：页面级组件业务上可复用的基础组件与业务无关的独立功能组件组件开发三要素：prop用于定义组件的属性自定义事件用于出发组件的事件slot用于组件功能的扩展组件设计需要考虑的问题：可扩展性强组件中方法函数的抽离，便于复用，适用程度
bfbshs_ddd·2023-12-16 01:39

Vue学习笔记之路由

文章目录第六章element-ui(vue2)/element-plus(vue3)第七章vue-router7.1路由的实现7.1.1MVC及MVVM架构下的路由7.1.2vue路由实现7.2延迟加载动态导入（懒加载）7.3路由模式解析7.4全局变量7.5嵌套路由7.6重定向和别名7.7导航守卫第六章element-ui(vue2)/element-plus(vue3)安装：npmelement
bfbshs_ddd·2023-12-16 01:39

Vue学习笔记之状态管理

第八章vuex状态管理文章目录第八章vuex状态管理8.1Vuex介绍8.2Vuex使用8.1Vuex介绍Vuex是一个专门为Vue.js应用程序开发的状态管理模式，将组件之间共享的数据（状态）放置在一个单独的容器（store）中可以看作一个加强版的data，一个全局的data属性，便于处理大量的需要在组件间传递的数据页面比较简单则最好不引入VuexVuex也是响应式什么情况下使用Vuex管理状态
bfbshs_ddd·2023-12-16 01:39

vue学习笔记之组合式API

第九章组合式API文章目录第九章组合式API9.1认识组合式API(CompositionAPI)9.2setup()方法应用9.3Composition常见API9.3.1响应式API9.3.2计算属性API9.3.3侦听器watch9.4组合式API中生命周期函数9.5组合API中provide和inject使用9.6组合式API结合路由9.7组合式API结合Vuex9.8其他API9.1认识
bfbshs_ddd·2023-12-16 01:58

VUE学习笔记

框架和插件框架不能轻易换，库可以MVC和MVVMnode（后端）中MVC：后端的分层开发概念MVVM是前端视图层的概念，主要关注视图层分离，把前端视图层分成三部分：Model、view、vmviewmodelimageVUE基础一、数据与方法当数据改变时，视图会进行重渲染。值得注意的是只有当实例被创建时就已经存在于data中的属性才是响应式的。使用Object.freeze()，会阻止修改现有的属
骆骆呀·2023-12-15 21:01

Vue学习24----ElementUi(Pc框架)的使用

elementUI的使用步骤：1.找官网http://element.eleme.io/#/zh-CN/component/quickstart2.安装cnpmielement-ui-S-S表示--save3.在main.js中引入elementUI的css和插件importElementUIfrom'element-ui';import'element-ui/lib/theme-chalk/in
zhaihaohao1·2023-12-15 16:59

Vue学习笔记-Vue3中的shallowReactive和shallowRef

shallowReactive作用：与reactive作用类似，但只处理对象最外层属性的响应式（浅响应式）使用场景：如果有一个对象数据，结构比较深（内嵌多层对象），但只需要最外层的属性进行响应式，则使用shallowReactiveshallowRef作用：与ref作用类型，但只处理基本数据类型的响应式，不处理对象类的响应式使用场景：如果有一个对象数据，后续功能不会修改该对象中的属性，而是生成新的
theLuckyLong·2023-12-15 13:11

Vue学习笔记-Vue3对响应式数据的判断

导入import{isRef,isReactive,isReadonly,isProxy}from'vue'作用isRef：检查一个值是否为ref对象isReactive：检查一个对象是否由reactive创建的响应式代理**isReadonly：**检查一个对象是否由readonly创建的只读代理**isProxy：**检查一个对象是否由reactive或readonly创建的代理
theLuckyLong·2023-12-15 13:54

Vue学习笔记-Vue3中的provide与inject

作用provide和inject用于实现祖孙间的数据通信用法导入：import{provide,inject}from'vue'使用：provide：祖组件使用该方法提供数据（可以给任意后代组件，但一般用于孙组件及其后代组件，因为父子间的数据传递用props）setup(){letcar=reactive({name:'Benz',price:'40W'})//给自己的后代组件提供数据provid
theLuckyLong·2023-12-15 13:53

Vue学习笔记-Vue3中的customRef

作用创建一个自定义的ref，并对其依赖项的更新和触发进行显式控制案例描述：向输入框中输入内容，在下方延迟1秒展示输入内容代码：{{keyword}}import{customRef}from'vue'exportdefault{name:'App',setup(){functionmyRef(value){returncustomRef((track,trigger)=>{lettimerretu
theLuckyLong·2023-12-15 12:38

Vue学习笔记-Vue3中的toRaw和markRaw

toRaw作用：将一个由reactive生成的响应式对象转为普通对象导入：import{toRaw}from'vue'使用方法：letdata=reactive({k1:'v1',k2:'v2'})//将对象变为非响应式的普通对象letraw_data=toRaw(data)使用场景：用于读取响应式对象对应的普通对象，对该普通对象的所有操作不会引起页面更新markRaw作用：标记一个对象，使其不再
theLuckyLong·2023-12-15 12:08

【HarmonyOS开发】控件开发过程中，知识点记录

1、问题记录及解决方案1.1资源（Icon&i18n）问题控件：只有一个JS文件，不会将任何资源型文件（图片、字体、默认文字等）打包到SO中。因此，当我们开发控件时，需要将需要使用到的资源，提前申请，放入资源仓库，然后等官方集成到系统中。注意：资源都需要集成得到系统的room中，因此该步骤需要提前准备。仓库：https://gitee.com/openharmony/utils_system_re
兵腾傲宇·2023-12-14 22:35

VUE学习笔记

安装第一次尝试在vscode中，新建终端，在终端中操作cdxxx进入要建立目录的目录输入vueinitwebpacktest1然后几次回车y以后就会创建如果输入cdtest1就会进入项目目录cnpminstall会下载安装项目的依赖最后输入cnpmrundev编译完成后在浏览器通过http://localhost:8080地址访问快捷键代码格式化：Shift+Alt+F
1Milion·2023-12-06 18:52

react-native知识点记录

一、数据+状态方案记录页面发起actionsstore中掉接口接口通过api封装，非交互数据请求到后做model处理（仅部分数据做了）model后的数据通过reducer存入state通过connect将state按需注入页面形成闭环，首屏数据统一存入state，api和action结合，页面注入和触发，形成前端小范围mvc结构二、罗列知识点基本知识react的jsx写法es6,7用法react-
王逵_e9b3·2023-12-06 17:54

Vue学习二：安装element-ui组件库

上一章：搭建Vue环境搭建完vue环境后，安装element-ui使用其组件库，提高开发效率。1.打开cmd，cd到在项目目录下执行npminstallelement-ui，安装完成后，查看项目中的package.json文件，可以看到最新版本的"element-ui":"^2.15.8"，表示安装成功。2.引入element-ui在main.js中添加如下代码importElementUIfro
Cx_轩·2023-12-06 12:34

Vue学习（一）——实现计数器自增

前言本文主要是【Vue】——Vue实现的文章，如果有什么需要改进的地方还请大佬指出⛺️作者简介：大家好，我是听风与他☁️博客首页：CSDN主页听风与他每日一句：狠狠沉淀，顶峰相见目录前言Vue实现计数器自增运行结果:文章末尾Vue实现计数器自增Document{{count}}单击//定义一个vue组件,名为AppconstApp={//定义组件中的数据data(){return{//目前只用到c
听风与他·2023-12-06 09:11

Vue学习笔记-activated和deactivated生命周期

作用路由组件所独有的2个生命周期activated生命周期函数用于在路由组件每次由消失到出现时所调用的函数deactivated生命周期函数用于路由组件每次由出现到消失时（无论是否缓存）所调用的函数案例定义一个NewsVue组件，要求：当该组件出现时，部分字体的透明度周期性变化，当该组件被切换走时，需要被缓存，但需要注销其定时器在其父组件中，需要将NewsVue组件设置为缓存在NewsVue模板中
theLuckyLong·2023-12-06 04:13

Vue学习笔记-编程式路由导航

作用不借助实现路由跳转，让路由跳转更加灵活具体代码可以在方法中通过指定API进行路由跳转//采用push模式进行跳转this.$router.push({name:'routeName',query:{key1:xxx,key2:xxxx,......}});//采用replace模式进行跳转this.$router.replace({name:'routeName',query:{key1:xx
theLuckyLong·2023-12-06 04:43

Vue学习笔记-＜router-link＞的replace的属性

router-link的replace属性作用：控制路由跳转时操作浏览器历史记录的模式浏览器的历史记录有两种写入方式：push和replace，其中push是追加历史记录（将浏览的url请求入栈），replace则是替换当前记录。路由跳转时默认为push模式如何开启replace模式：XXX或者XXX，前者为简写，后者为全写
theLuckyLong·2023-12-06 04:42

Vue学习计划--Vue2（五）条件、列表渲染、表单数据

1.条件渲染v-ifv-if=“表达式”v-else-if=“表达式”v-else=“表达式”适用于：切换频率较低的场景特点：不显示dom元素，直接被删除注意：v-if和v-else-if、v-else一起使用，但要求结构不能被打断v-if和template一起使用,v-show不可以v-showv-show=“表达式”适用于：切换频率较高的场景特点：不展示dom元素，未被移除，仅仅是样式隐藏备注
化作繁星·2023-12-06 04:06
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他