Vue学习笔记

vue学习笔记（一）关于事件冒泡和键盘事件 以及与Angular的区别

一、事件冒泡方法一、使用event.cancelBubble=true来阻止冒泡methods:{show1:function(ev){console.log(ev);alert(1);ev.cancelBubble=true;/*阻止冒泡*/},show2:function(){alert(2);}}方法二：使用vue自带的方法阻止冒泡拓展：事件修饰符参考API：http://cn.vuejs.
日出东方VS唯我不败·2023-10-21 21:05

vue学习笔记(一)-vue基础语法

视频教程：尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通_哔哩哔哩_bilibili相关文档：Vue核心Vue简介初识(yuque.com)兼容性Vue不支持IE8及以下版本，因为Vue使用了IE8无法模拟的ECMAScript5特性。但它支持所有兼容ECMAScript5的浏览器。浏览器工具插件安装：Installation|VueDevtools(vuejs.org)在使用V
这货不是陈进坚·2023-10-20 02:44

Vue 学习笔记：使用vue-cli脚手架一键搭建工程

Vue学习笔记十:使用vue-cli脚手架一键搭建工程首先电脑上要安装最新版的nodeJS.官网下载，安装完之后安装淘宝npm镜像npminstall-gcnpm--registry=https://registry.npm.taobao.org
hzl的学习小记·2023-10-19 13:08

Vue学习笔记（五）Vue2页面跳转问题 | vue-router路由概念、分类与使用 | 编程式路由导航 | 路由组件的缓存 | 5种路由导航守卫 | 嵌套路由 | Vue2项目的打包与部署

文章目录一、参考资料二、运行环境三、页面跳转问题3.1MPA多页面3.2SPA单页面3.3MPA比较SPA3.4SPA总结四、vue-router路由插件4.1路由的理解4.2路由分类4.2.1后端路由4.2.2前端路由4.3Vue2路由的使用4.4Vue2路由使用的注意点4.5多级嵌套路由4.6vue-router路由传参4.6.1query传参4.6.2params传参4.6.3props配置
「已注销」·2023-10-18 16:49

vue学习笔记(一)入门

前言随着前端不断的壮大，许多公司对于前端开发者的需求也越来越多了，作为一名优秀的前端工程师，如果连vue和react都不会的话，那真是out了，为什么那么说呢？这是我在招聘网站上截的一张图，十家公司有九家都是需要对vue或者react熟悉，当然仅仅熟悉肯定是不够的，毕竟掌握住了才能保住自己的铁饭碗，否则的话可能会被炒鱿鱼，精通vue或者react话就可能就需要很长时间了，反正我是不敢说精通，只能说
一只流浪的小码农·2023-10-17 20:01

JavaScript+JQuery+Vue学习笔记

前端学习总结1.css2.JavaScript2.1.调试2.2.数据类型2.3.严格检查模式2.4.流程控制2.5.Map和Set2.6.函数2.7.变量的作用域2.8.方法2.9.内部对象2.9.1.Date2.9.2.JSON2.9.3.Ajax2.10面向对象编程2.11.操作BOM对象2.12.操作DOM对象（核心）2.13.操作表单3.JQuery3.1.第一个Jquery程序3.2.
越奋斗，越幸运·2023-10-17 20:08

一个Java后端的Vue自学笔记_一个Java后端的Vue自学笔记

本人最近自学了一些Vue的皮毛，写下这篇博客不是为了哗众取宠，权当是为自己做一个Vue学习笔记。这篇博客主要记录了我学习Vue基础知识，完成一个TodoList小功能的开发过程。
李姝瑶·2023-10-16 11:42

vue学习笔记

目录1.created()和mounted()的区别及其用法2.vue学习过程中问题点记录。1.created()和mounted()的区别及其用法在Vue.js中，created()和mounted()是两个常见的生命周期钩子函数。具体用法和区别如下：created()方法：在Vue实例被创建之后立即执行。在这个阶段，Vue实例的数据观测和事件配置已完成，但尚未挂载到DOM上。通常在这个阶段执行
诗仙&李白·2023-10-15 21:05

Vue学习笔记-IPV6地址校验

最近接手的项目需要使用到IPV6地址，前段需要用JS进行IPV6合法性校验，所以开始研究。IPV6百度百科ipv6表示方法IPv6的地址长度为128位，是IPv4地址长度的4倍。于是IPv4点分十进制格式不再适用，采用十六进制表示。IPv6有3种表示方法：冒分十六进制表示法格式为X:X:X:X:X:X:X:X，其中每个X表示地址中的16b，以十六进制表示。例如：ABCD:EF01:2345:678
赵客缦胡缨v吴钩霜雪明·2023-10-15 11:21

vue学习笔记-02

继上一篇关于的动态属性和v-model内容的补充，计算属性和侦听器目录1.动态绑定style2.v-model(v-model实现原理，v-model自动收集表单数据和ref来获取表单数据)v-model实现原理:v-model自动收集表单数据:ref来获取表单数据:3.计算属性4.侦听器1.动态绑定style关于style的动态绑定有5种方法：第一种：对象形式第二种：数组形式第三种：三目运算符形
小天呐·2023-10-15 07:20

关于Vue那些事

Vue学习笔记1.webpack.config.js配置1.下载[email protected]文件处理-style-loader1.安装style-loadernpminstall
小鲁爱记录·2023-10-15 02:53

Vue学习笔记（二）

一.数据请求1.fetchwhyXMLHttpRequest是一个设计粗糙的API，配置和调用方式非常混乱，而且基于事件的异步模型写起来不友好。兼容性不好polyfill//https://github.com/camsong/fetch-ie8//getfetch("**").then(res=>res.json()).then(res=>{console.log(res)})fetch("**
千锋HTML5学院·2023-10-13 03:59

前端vue学习笔记——插槽

插槽作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于父组件=>子组件分类：默认插槽、具名插槽、作用域插槽使用方式：（1）默认插槽父组件中：html结构子组件中：我是默认的一些内容(2)具名插槽父组件中：html结构html结构子组件中：我是默认的一些内容我是默认的一些内容（3）作用域插槽理解：数据在组件的自身，但根据数据生成的结构需要组件的使用者来决定。（gam
AItth·2023-10-12 05:59

前端vue学习笔记——Vuex

1.概念在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。2.何时使用？多个组件需要共享数据时3.搭建vuex环境（1）创建文件：src/store/index.js//该文件用于创建Vuex中最为核心的storeimportVuefrom'vue'//引入VueximportVuex
AItth·2023-10-12 05:59

前端vue学习笔记（1）

写在前面：此笔记是根据尚硅谷老师的B站视频学习进行记录，若有错误请指正！纯纯小白目前学习前端开发两个月左右！笔记前端学习视频来源：尚硅谷前端课程脚手架文件结构:node_moulespublicfavicon.ico:页签图标index.html:主页面src:assets:存放静态资源logo.pngcomponent:存放组件School.vueApp.vue:汇总所有组件main.js:入口
AItth·2023-10-12 05:29

Vue学习笔记——Vue router的基本使用

文章目录Vuerouter1认识路由1.1什么是路由1.2前后端路由1.3前端路由的规则1.3.1URL的hash1.3.2HTML5的history模式2vue-router2.1Vue-router的安装配置2.2Vue-router的使用2.2.1Vue-router的使用步骤2.2.2Vue-router使用细节处理路由默认路径改变路径模式router-link的其他属性路由代码跳转2.3
一只蒻蒻·2023-10-12 05:58

Vue学习笔记——前端路由

Vue学习笔记——路由1.路由基本概念1.后端路由根据不同的用户URL请求，返回不同的内容url请求地址与服务器资源之间的对应关系SPA2.前端路由根据不同的用户事件，显示不同的页面内容用户事件与事件处理函数之间的对应关系前端出现
是行是行啊·2023-10-12 05:58

Vue学习笔记（5）—— 路由

目录vue-router1.1相关理解1.1.1vue-router的理解1.1.2对SPA应用的理解1.1.3路由的理解1.2基本使用1.3几个注意点1.4多级路由（嵌套路由）1.5路由的query参数1.6命名路由1.7路由的params参数1.8路由的props配置1.9router-link的replace属性1.10编程式路由导航1.11缓存路由组件1.12两个新的生命周期钩子1.13路
忘れな草と永遠の加藤惠·2023-10-12 05:54

Vue学习笔记02——Vue路由

Vue学习笔记01——Vue开发基础一、初识路由1.路由的作用Vue的路由是前端路由，可以让组件之间互相切换。
小C好好干饭·2023-10-12 05:23

Vue学习笔记——麻麻再也不用担心我的Vue！

Vue学习笔记——步步高点读机，麻麻再也而不用担心我的Vue！
阳和启蜇.·2023-10-12 05:22

Vue学习笔记——vue-router

6.1.相关理解6.1.1.vue-router的理解vue的一个插件库，专门用来实现SPA应用6.1.2.对SPA应用的理解但也Web应用（singlepagewebapplication，SPA）整个应用只有一个完整的页面点击页面中的导航链接不会刷新页面，只会做页面的局部更新数据需要通过ajax请求获取。6.1.3.路由的理解1.什么是路由？一个路由就是一组映射关系（key-value）key
小萨摩！·2023-10-12 05:52

Vue学习笔记——第一部分

本章目标•理解MVVM思想•vue介绍•掌握Vue指令、计算属性、数据监听•掌握Vue单向、双向绑定的方法•理解Vue生命周期•掌握使用axios进行ajax操作•掌握Vue组件的定义和注册方式•掌握父子和子父组件传值•了解ElementUI中的常用组件•掌握cli方式搭建项目、安装依赖•掌握路由的配置跳转和嵌套•了解使用Vuex实现组件传值理解MVVM思想什么是MVVM？MVVM是Model-V
清晨时刻·2023-10-12 05:50

前端vue学习笔记——路由

路由文章目录路由1.理解:2.前端路由：1.基本使用1.安装vue-router:命令：2.应用插件：3.编写router配置项：4.实现切换（active-class可配置高亮样式）5.指定展示位置2.几个注意点1.路由组件2.通过切换3.每个组件4.整个应用3.多级路由（嵌套路由）1.配置路由规则，使用children配置项：2.跳转（要写完整路径）：4.路由的query参数1.传递参数2.接
AItth·2023-10-12 05:18

vue学习笔记9----监视属性

监视属性watch（侦听属性）1、当被监视的属性变化时，handler函数自动调用。2、监视的属性必须存在才能进行监视。3、监视属性的两种写法：watch配置vm.$watch深度监视1、vue中的watch默认不监测对象内部值的改变（默认只监测一层）。2、配置deep：true可以监测对象内部值的变化（多层）。备注：vue自身可以监测对象内部值的变化，但是vue提供的watch默认不可以。使用w
lazy91·2023-10-08 20:58

Vue学习笔记目录 【Vue2与Vue3完结】 (尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通)

遇见的问题及其解决方案谷歌浏览器无法访问插件商店时安装VueDevtools(简易直接下载拖入)上面的文章不能访问可以看[Vue]开发环境搭建里面的【1.2】Coreyshin【vscode自定义代码段（用户代码片段）】[Vue]解决WindowsPowerShell不识别vue命令的问题本部分根据老师笔记和视频进行整理老师的课件笔记：https://www.aliyundrive.com/s/B
萤火虫的小尾巴·2023-10-08 16:23

Vue 学习笔记2（40-49）

Vue学习笔记2（40-49）学习地址：https://ke.qq.com/course/279700目录：01-01git下载代码02-27Vue2.x28-39路由精讲40-49Vue-Cli3.050
Allenem·2023-10-08 08:49

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

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

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学习笔记

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

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学习笔记

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

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学习笔记

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

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学习笔记总结

目录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

Vue学习笔记-Vue的指令

二、指令文章目录二、指令1.内容渲染指令v-text{{}}v-html2.属性绑定指令3.使用JavaScript表达式4.事件绑定指令事件对象event绑定事件并传参$event事件修饰符①.prevent②.stop③.capture④.once⑤.self按键修饰符5.双向绑定指令v-model指令的修饰符6.条件渲染指令v-if和v-show的区别v-else7.列表渲染指令使用key维
不会挂科i·2023-09-13 11:02

Vue学习笔记-Vue项目的搭建

一、初识vue文章目录一、初识vue1将vue.js下载到本地的方式创建2安装vue调试工具vue-devtools3使用vite安装vue项目结构1将vue.js下载到本地的方式创建将下载好的vue源码放在项目中引入vue声明要被vue控制的DOM区域创建vue的配置对象在配置对象中创建数据创建一个应用，将配置对象传进去，并将要操作的DOM区域进行了挂载在DOM区中操作Document{{num
不会挂科i·2023-09-13 11:01

Vue学习笔记---初识组件

前言在Vue中，万物皆组件，学习组件乃是Vue的根基所在，假如一个页面相当于一张图，那么组件就是一个小小的拼图，通过组件可以拼出各式各样的图，这也是Vue的魅力所在。正文基本示例Vue.component('button-counter',{data(){return{count:0}},template:'Youclickedme{{count}}times.'})上面我们创建了一个全局的名字为
邓生的邓生·2023-09-12 21:39

Vue学习笔记 之 Svg图标组件的实现步骤

1、安装依赖  首先需要安装svg-sprite-loader依赖，命令如下，这在在学习的过程中，就是因为没有下载该依赖，导致图标一直无法正常显示。npminstallsvg-sprite-loader--save-dev--force2、配置svg图片处理规则  通过使用svg-sprite-loader组件，将svg的图标文件生产雪碧图（Sprite），在vue.config.js文件中进行配
姠惢荇者·2023-09-08 20:47

Vue学习笔记 之 History 路由 和 Hash 路由的区别 及 History 模式时，Nginx的配置方式

一、History模式、Hash模式  VueRouter是Vue.js官方的路由管理器，用于构建单页应用的前端路由。它允许你通过定义路由配置来映射不同的URL到对应的组件，实现页面间的跳转和导航。VueRouter支持两种路由模式：history模式和hash模式。1、History模式  在History模式下，VueRouter通过使用HTML5HistoryAPI来管理路由，不会在URL中
姠惢荇者·2023-09-08 20:47

Vue学习笔记

文章目录前端框架Vue基础知识环境搭建线上尝试CDN使用VueCLIVite开发准备安装Vue工具VueCLI创建一个项目运行项目安装Vue高亮插件模板语法文本原始HTML属性Attribute使用javascript表达式条件渲染v-ifv-elsev-show列表渲染用v-for把一个数组映射为一组元素维护状态事件处理监听事件事件处理方法内联处理器中的方法表单输入绑定双向数据绑定修饰符组件基础
sober30·2023-09-06 18:45

vue 循环勾选框_Vue学习笔记-遍历el-checkbox

Vue学习笔记-遍历el-checkoutv-model="checkAll":label="list.eventtypeid">全选:label="operate.actionid":key="operate.actionid
Miss豆子·2023-09-02 18:54

Vue学习笔记router-link

组件支持用户在具有路由功能的应用中点击导航。通过to属性指定目标地址，默认渲染为带有正确连接的标签，可以通过配置tag属性生成别的标签。另外，当目标路由成功激活时，链接元素自动设置一个表示激活的css类名组件的属性有：1、to（必选参数）：类型string/location表示目标路由的链接，该值可以是一个字符串，也可以是动态绑定的描述目标位置的对象如下几种示例//下面是字符串的形式Home//下
少甜的草莓牛奶·2023-08-31 01:08

vue学习笔记 - 组件通信01

组件是vue最核心的功能，组件化你的前端页面，能大大的提高重用性，让代码可复用，维护起来简直爽的飞起，举例来说就比如一些评论输入框。在vue中使用组件Vue.component('input-number',{template:'-=max">+',props:{max:{type:Number,default:Infinity},min:{type:Number,default:-Infinit
我永远喜欢结城明日奈·2023-08-30 10:49

Vue学习笔记|路由、详细、入门

目录1.什么是路由2.前端路由和后端路由的区别3.路由应用实例4.嵌套路由5.路由传参6.路由缓存方式7.router相关函数8.组件不被销毁9.路由守卫10.路由器的两种工作模式11.注意点1.什么是路由路由是一组映射关系（key-value）key是路径，value可能是function或者component2.前端路由和后端路由的区别2.1后端路由1）value是function，用于处理客
***无名小卒·2023-08-28 22:18

Vue学习笔记(四)——Vue路由

vue是一个单页面程序应用，即使有无数个vue文件，也只是vue页面中的组件svue-router是vue的一个插件，用来提供路由功能，通过路由的改变动态加载组件，达到开发单页面程序的目的设置了路由之后，不需要再注册组件，只需要注册了路由之后，通过path、name进行组件之间的切换路由应用1.声明组件letcom={data(){return{}},template:``,}2.声明路由rout
hsy_siying·2023-08-28 22:15

vue学习笔记：还不会上传文件，10分钟教会你使用input file上传文件

最近在写一个用户上传MP3文件到服务器的小案例，我写一个这样的界面：当用户点击input的时候，其实这里并不是input的样式，而是一个div将代替了input的原生样式，这样比较好看一点：选择文件:{{filename}}我就将input的opacity设置为0：input{opacity:0;cursor:pointer;}将mask定位到我们想要的位置，然后通过mask的点击事件来触发inp
编程学渣ズ·2023-08-27 14:18

Vue学习笔记之Vuex的核心概念Module

Module由于使用单一状态树，应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时，store对象就有可能变得相当臃肿。为了解决以上问题，Vuex允许我们将store分割成模块（module）。每个模块拥有自己的state、mutation、action、getter、甚至是嵌套子模块——从上至下进行同样方式的分割：constmoduleA={state:{...},mutations:
WebKoalaBoy·2023-08-26 16:39
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他