Vue笔记

Vue笔记九：axios原理之promise

axios是基于promise的HTTP库，支持promise所有的APIpromise概念promise是JS中解决异步编程的语法，从语法上来讲，promise是一个构造函数，从功能来讲，用promise对象封装异步操作并获取结果。promise支持链式调用，可以解决回调地狱（多级的异步嵌套调用）。promise的基本使用创建promise对象并使用回调函数constp=newPromise((
努力努力再努力dyx·2024-09-05 04:03

Vue笔记 -- CSS之清除浮动

一、代码如下HTMLCSS.container{border:4pxsolidred;overflow:hidden;}.left{width:100px;height:400px;background-color:#482;float:left;}.right{width:200px;height:400px;background-color:#d96;float:right;}.footer{
lyking·2024-09-03 01:05

2021-10-21 vue笔记-组件化开发(四) 组建通信:非父子通信-事件总线,在vue项目中使用eventbus的例子

文章目录1.事件总线(eventBus)定义用途原理2.eventBus使用步骤3.在HTML网页中使用事件总线:模拟公众号和用户之间信息的发送和接收代码结果4.在vue项目中使用事件总线:点击增加减小按钮实现数值的增减4.1.初始化:创建一个事件总线4.2.发送事件:导入eventBus，使用`$emit`发送数据；子组件IncrementCount子组件DecreaseCountIncreme
前端OnTheRun·2024-09-01 09:28

Vue笔记总结（Xmind格式）：第二天

Xmind鸟瞰图：简单文字总结：vue知识总结：创建vue脚手架：1.安装Node.js：VueCLI作为一个npm包，需要Node.js来安装和运行。2.安装VueCLI：cmd指令npminstall-g@vue/cli3.创建Vue项目：vuecreate项目名4.启动服务器：npmrunserveVue脚手架生成的主要项目文件：1.node_modules#项目依赖的第三方包2.publi
星河路漫漫·2024-08-29 16:28

小白学习vue笔记

文章目录一安装Vue二做移动端应用注意2.1在index.html中修改mate设置2.2reset.css重新设置样式，在入口文件中引入2.3引入border.css解决一像素边框的问题2.4解决click延迟300ms的问题fastclick插件2.5在style中引入其他样式，需要这样[email protected]对全局事件的解绑2.7解决么面滑动影响其他页面的问题3插件使用3.1stylus和stylus-l
善良的爱心话·2024-08-26 09:08

codewhy_vue笔记01

Vue.js安装这里我们使用方式二：去官网，下载vue.js(开发版本)使用webstorm新建项目，然后新建js文件夹，把刚才下载的vue.js放到js文件夹下修改数据第一个vue代码Title{{message}}//let（变量）const(常量）//newVue，说明有一个functionVue()//声明式编程constapp=newVue({//用于挂载要管理的元素el:'#app',
qq_43827247·2024-02-19 21:26

Vue笔记

Vue1.邂逅Vuejs1.1简单认识一下VuejsVue是一个渐进式的框架，什么是渐进式呢？渐进式意味着你可以将Vue作为应用的一部分嵌入其中，带来更丰富的交互体验或者你希望将更多的业务逻辑使用Vue实现，那么Vue核心库以及其生态系统。比如Core+Vue-router-Vuex，也可以满足你各种各样的需求。Vue有很多特点和Web开发中常见的高级功能解耦试图的数据可复用的组件前端路由技术状态
ゐ叶う枫ゆ·2024-02-09 02:58

初识Vue笔记

Vue.jsVue.js初体验Document{{message}}newVue({el:"#app",data:{message:"Vue.js初体验",}})vue的列表展示使用v-for遍历data中的列表Document{{item}}newVue({el:"#app",data:{message:"Vue.js初体验",movies:['星际穿越','大话西游','少年派','盗梦空间'
humorous man·2024-02-08 12:57

Vue笔记_03组件_vuedraggable实现拖拽(基于vue)

目录1.下载2.使用vuedraggable组件vue有一个vuedraggable组件可以实现拖拽效果1.下载npminstallvuedraggable2.使用vuedraggable组件[1]引入importdraggablefrom'vuedraggable'[2]注册components:{draggable},[3]使用v-model绑定的值为一个数组，当拖拽完成后数据变化之后数据中元
乖女子@@@·2024-02-03 20:38

vue笔记（二）：vue router和pinia

首vuerouter实现路由功能，是一种前端渲染方式。pinia用于组件间共享数据，替代之前的vuex功能，成为新的官方推荐。安装后，导入方式如下main.js:import{createApp}from'vue'import{createPinia}from'pinia'importAppfrom'./App.vue'importrouterfrom'./router'constapp=crea
垃圾管理员·2024-01-31 11:39

vue笔记（一）：部署

首文档安装1、安装nodejs（链接），18.0以上版本。2、在想要创建项目的目录下执行命令npmcreatevue@latest按提示创建项目，其中vuerouter是实现路由功能，pinia实现组件之间共享数据。如果项目需要两个功能建议选择yes。3、cdnpminstallnpmrundev启动项目访问所给链接即可。安装bootstrap如果创建项目时，部分功能没有选择，之后可手动加入，以b
垃圾管理员·2024-01-28 19:20

学习mpvue笔记——koa入门

koa是什么？koa基于Nodejs平台的下一代web开发框架（上一代是express）。Express原班人马打造，更精简。Async+await处理异步洋葱圈型的中间件机制。用法很简单：mkdirkoa-demonpminitnpminstallkoa--save文件夹中新建一个server.jsconstKoa=require('koa')constapp=newKoa()app.use(a
从小就很瘦·2024-01-25 03:48

vue笔记之$listeners

含义将事件从父组件传递到子组件作用可以实现孙组件的数据传递到爷组件中去示例爷组件我是爷组件{{fromSunData}}importfufrom"./views/fu.vue";exportdefault{components:{fu},data(){return{msg:"二郎神",};},methods:{fromSun(payload){console.log("孙传祖",payload);
精神小伙2号·2024-01-11 01:16

vue笔记之$attr

含义$attr是一个对象，它包含了父组件传递给子组件但子组件没有显式声明的props作用父亲传数据到孙子示例父组件importChildfrom'../components/child.vue'exportdefault{name:'father',components:{Child},data(){return{name:'Lily',age:22,infoObj:{from:'上海',job:
精神小伙2号·2024-01-10 11:43

vue笔记

简写v-bind:v-on@计算属性是响应式，值更新再计算，函数不是，每次都调用函数v-if:假的时候不渲染v-show始终渲染，只改变display属性不建议v-if与v-for一起使用多行字符串可以添加\增加易读性event.target返回是哪个DOM组件触发了事件.passive执行默认方法会忽略掉.prevent可以通过全局config.keyCodes对象自定义按键修饰符别名：//可以
不识地理不懂距离·2024-01-09 06:47

vue笔记9.10

1，下载js库输入npminstallvue2，v-for对数组或对象进行循环操作需要哪个元素（HTML的标签）循环，那么v-for就写在那个元素上使用v-for可以把obj的每个key对应的value值遍历出来，并且填到对应的li元素中v-for除了可以使用在数组上之外还可以应用在对象上3，v-for的使用浏览器打开4，table表格浏览器打开
那年的雨·2024-01-08 18:42

代码随想录刷题笔记（DAY3）

整理完今天的Vue笔记就睡。。。
*Soo_Young*·2023-12-30 13:02

VUE笔记

VUE一.VUE基础1.什么是vuevue是一套用于构建用户界面的渐进式javascript框架2.vue的特点1.采用组件化模式，提高代码复用率，便于维护代码2.声明式编码让编码人员无需直接操作DOM，提高开发效率3.使用虚拟DOM+优秀的Diff算法，尽量复用DOM节点3.初始Vue1.想让vue工作，必须创建vue实例，且传入一个配置对象2.root容器里的代码依然符合html规范，只不过混
半糖不加奶·2023-12-29 07:41

前端进阶_狂神Vue笔记_前端核心分析_前端发展史_前后分离的演变史

Vue笔记想要成为真正的“互联网Java全栈工程师”还有很长的一段路要走，其中前端是绕不开的一门必修课。
1017w·2023-12-29 04:44

狂神Vue笔记最全最相同

狂神说Vue笔记bilibili视频地址Vue的核心库只关注视图层，方便与第三方库或既有项目整合。
小小小小小韩呀!·2023-12-29 04:41

VUE笔记

目录第一天1.vue实例2.插值表达式3.VUE响应式特性4.安装VUE开发者工具5.VUE指令5.1v-html5.2v-show和v-if5.3v-else和v-else-if5.4v-on（@事件名）5.5v-bind（：属性名=“表达式”）5.6图片切换案例5.7v-for5.8渲染图书列表并删除指定图书5.9v-for中的key5.10v-model6.案例-小黑记事本6.1渲染和删除6
岁碎难相见·2023-12-21 03:25

Vue学习笔记01-基础部分

文章目录VUE笔记-01基础1、简介mvvmES6补充js高阶函数let/varconst增强字面量写法2、基础2.1、引入2.2、第一个Vue程序el挂载点data数据对象methodsVue的生命周期
sgxmr·2023-12-18 23:12

Vue笔记（五）路由进阶

导航守卫vue-router提供导航守卫主要通过跳转或**取消*的方式守卫导航。有很多方式植入路由导航中：全局的、单个路由独享的，或者组件级的。全局前置守卫：beforeEach。每个守卫接收两个参数：to：将要进入的目标from：当前导航正要离开的路由constrouter=createRouter({...})router.beforeEach((to,from)=>{//如果返回false会
NameExist·2023-12-14 15:11

千锋 Vue 详细笔记整理

视频笔记是根据B站千锋涛哥-SpringBoot+vue+前后端分离项目《锋迷商城》实战课-完结版进行整理的笔记可上gitee仓库自取千锋Vue笔记整理一、vue的简介1.1使用JQuery的复杂性问题
sail Jamie·2023-12-05 12:54

Vue笔记：记一个base64转blob数据流，再转化为图片Url

主要是将base64字段转化成blob数据流，再转换为图片Url，用于src引用地址base64ImgtoFile//图片base64转blob数据流base64ImgtoFile(dataurl,filename="file"){constarr=dataurl.split(",");constmime=arr[0].match(/:(.*?);/)[1];constsuffix=mime.sp
Phl_zovnf·2023-12-01 00:12

Vue笔记 路由的query参数、命名路由、路由的params参数、路由的props配置

一、路由的query参数1、传递参数{{m.title}}  {{m.title}}  2、接收参数$route.query.id$route.query.title二、命名路由
翘阳啦·2023-11-29 16:55

Vue学习笔记-总结

狂神说Vue笔记Vue的核心库只关注视图层，方便与第三方库或既有项目整合。
学编程的LY·2023-11-26 11:48

16.VUE

狂神说Vue笔记Vue的核心库只关注视图层，方便与第三方库或既有项目整合。
码农碎碎念·2023-11-26 11:44

Vue快速入门

狂神说Vue笔记想要成为真正的“互联网Java全栈工程师”还有很长的一段路要走，其中前端是绕不开的一门必修课。
codecapture·2023-11-22 02:08

vue笔记3 虚拟dom、重流、diff

本文锚点老规矩先放链接致敬作者虚拟domtips：重排(回流)和重绘v-showv-if真实DOM和其解析流程（浏览器）diff算法传统diff算法Reactdiff算法vuediff算法vue和react的diff算法的区别不能用index作为key的原因总结老规矩先放链接致敬作者使用虚拟dom和真实dom的区别详细理解重绘与回流/重排的过程display:none和visibility:hid
前端之旅·2023-11-04 19:58

狂神说Vue笔记

前端三要素了解前后分离的演变史第一个Vue程序1、什么是MVVM2、为什么要使用MVVMVue概述MVVM模式的实现者为什么要使用Vue.js第一个Vue程序基础语法指令1、v-bind2、v-if，v-elsev-else-if3、v-for4、v-on事件绑定5、v-modelVue双向绑定1、什么是双向绑定2、为什么要实现数据的双向绑定3、在表单中使用双向数据绑定什么是组件第一个Vue组件1
糖莱·2023-11-02 05:45

vue笔记9.17

1，过滤器过滤器：让要显示在页面上的内容进行重新筛选全局过滤器newVue({el:''data:{}methods:{},filters:{过滤器名：function（data）{}})局部过滤器js:Vue.filter('过滤器的名字'，function(){})2，js中的获取当前日期vardate=newDate();console.log(date);//年varyear=date.g
那年的雨·2023-11-02 03:27

自学vue笔记 (二) : 实例与生命周期

一:什么是实例我们说了，Vue应用都应该从构建一个Vue实例开始。它管理着挂载在它身上的所有内容，因此实例是一个根实例，所有的组件都应该挂载在根实例上面。创建一个Vue实例，需要通过new一个构造函数的方式，同时传入一个对象。该对象可以传入很多内容，驱动页面的数据，模板，挂载的元素节点，方法，生命周期函数，子组件等。二:属性和方法每个Vue实例都会代理其data对象里的所有属性，并且让其作为驱动页
weixin_30384217·2023-11-02 02:31

前端自学Vue笔记干货（第一版，持续更新中~~~）

学习笔记Vue笔记nprogress使用npminprogress-S基本上都是在对axios进行二次封装、前置守卫路由或者封装成工具函数的.js文件中用到importnprogressfrom'nprogress
monkey-papa·2023-11-02 02:01

Vue自学笔记

vue笔记-幕布vue的生命周期Vue环境搭建：1.导入开发板的vue.js，2，在浏览器下载开发者调试工具并且加入扩展程序，3，创建Vue实例想让vue工作就要创建Vue实例，且要转入v-model应该配置对象
我艾边城·2023-11-02 02:28

自学VUE笔记

一、基础语法学习1、Attribute绑定a、绑定单个属性：给这个div增加id属性​简写：b、绑定多个属性值data(){return{objectOfAttrs:{id:'container',class:'wrapper'}}}通过不带参数的v-bind，你可以将它们绑定到单个元素上,同时绑定2个元素：使用JavaScript表达式{{number+1}}{{ok?'YES':'NO'}}{
李白爱喝茶·2023-11-02 02:28

Vue笔记_插件组件_lucky-canvas抽奖转盘

文章目录官网使用(vue2.x)[1]下载[2]引入[3]使用配置项-width/height配置项-blocks配置项-prizes配置项-buttons优化案例配置项-defaultConfig测算案例lucky-canvas是一个基于Js+Canvas的抽奖web前端组件，提供大转盘和九宫格两种抽奖界面，UI精美，功能强大且专业可靠，只需要通过简单配置即可实现自由定制，快速完成产品需求。官网
乖女子@@@·2023-11-02 02:44

Vue课堂笔记

Vue笔记1、概述Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式JavaScript框架，发布于2014年2月。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。
你对月慕几許·2023-11-01 17:33

Vue3+element-plus+vite 组件的二次封装-- 组件库发布到npm

Vue笔记本人是一个web前端开发工程师，主要是vue框架，整理了一些Vue常用的技术，一方面是分享，一方面是做总结，今后也会一直更新，有好建议的同学欢迎评论区分享;-）Vue专栏：点击此处Vue组件库专栏
Penk是个码农·2023-10-30 15:09

Vue笔记——8.列表渲染

小妍Vue笔记——目录Vue笔记——1.基本语法指令Vue笔记——2.搭建脚手架并快速创建Vue项目Vue笔记——3.实例Vue笔记——4.模板语法Vue笔记——5.计算属性Vue笔记——6.Class
东栏梨花__·2023-10-29 01:58

通俗易懂vue笔记

1.Promise**对象**用于表示一个异步操作**的最终完成(或失败)及其结果值。是一个构造函数,异步编程的一种解决方案通过其所带函数then这个异步任务（函数）执行完成之后被执行拥有resolve成功返回，reject失败返回两个回调函数链式操作catch其实它和then的第二个参数一样，用来指定reject的回调;all方法提供了并行执行异步操作的能力，并且在所有异步操作执行完后才执行回调
仅借清风几许几·2023-10-25 14:18

自学vue笔记—antdesign & iframe

e后端需要自己搭平台，无奈前端资源不够，只能自己摸索着开发，好在需求不难，以这篇文章开头记录一些坑，望后续能够解决1.iframe内嵌网页//api:scrolling()frameborder()allowtransparency()等function随便写{apigetelementbyid对devicewidthlength做操作即可}遇到的坑：自适应大小很好解决网上一大堆教程，但是如查询或
pilijiaotun·2023-10-24 16:26

day5 vue 笔记 axios 动态组件 插槽 自定义指令 ESLints

系列文章目录day1学习vue2笔记vue指令day2学习vue2笔记过滤器侦听器计算属性axiosday3vue2学习笔记vue组件day4vue学习笔记组件生命周期数据共享数组常用方法day5vue
满篇翔·2023-10-24 07:33

day1学习vue2笔记 vue指令

系列文章目录day1学习vue2笔记vue指令day2学习vue2笔记过滤器侦听器计算属性axiosday3vue2学习笔记vue组件day4vue学习笔记组件生命周期数据共享数组常用方法day5vue
满篇翔·2023-10-24 07:03

vue笔记

vue第三方插件vue-loader解析vue的第三方模块webpackwebpack-clivue-template-compiler模板解析importVuefrom"vue";//vueimportAppfrom"./components/app.vue"//app.vueimportRouterfrom'vue-router'//路由importrouterfrom'../config/r
一个健康马·2023-10-22 00:50

VUE笔记：视差滚动（Parallax Scrolling）的基本实现

vue视差滚动视差滚动（ParallaxScrolling）指网页滚动过程中，多层次的元素进行不同程度的移动。原理传统的网页的文字、图片、背景都是一起按照相同方向相同速度滚动的，而视差滚动则是在滚动的时候，内容和多层次的背景实现或不同速度，或不同方向的运动。有的时候也可以加上一些透明度、大小的动画来优化显示。视差滚动这个概念出来已经多年了，有很多现成的JQ库，如parallax、stellar等。
Yun丶Lei·2023-10-21 04:56

Vue笔记

目录Vue传入的对象option一、Vue基本语法1、插值操作1-1、Mustache语法（双大括号）1-2、v-once1-3、v-html1-4、v-text1-5、v-pre1-6、v-cloak2、绑定属性2-1、v-bind2-2、绑定class（1）对象语法：（2）数组语法2-3、绑定style（1）对象语法（2）数组对象3、计算属性computed3-1、基础3-2、复杂操作3-3、
GoodLuck_wu5·2023-10-19 09:00

Vue3+ts+element-plus 组件的二次封装-- 新增修改Form弹框的二次封装，通过JSON进行配置Form表单，实现高内聚低耦合

Vue笔记本人是一个web前端开发工程师，主要是vue框架，整理了一些Vue常用的技术，一方面是分享，一方面是做总结，今后也会一直更新，有好建议的同学欢迎评论区分享;-）Vue专栏：点击此处Vue组件库专栏
Penk是个码农·2023-10-12 01:17

Vue笔记

vue实例vardata={a:1}varvm=newVue({el:'#app',router,data:data,components:{App},template:''})vm.a=5console.log(vm.a===data.a)传进去的数值与外面的数值一直相等在外面添加的属性不会随之改变使用Object.freeze(obj)后在传进去的值不会被绑定前面带有$的函数一般是vue的属性
蛋黄肉·2023-10-06 16:40

Vue笔记 适配移动端

发生背景项目受众95%都是移动端用户，需要同时适配两套UI。但是PC端的用户也不能扔，毕竟核心用户在PC操作……解决方案在静态HTML的head标签中，添加一行viewport：发生原因由于UI组件库用px作为布局单位，所以移动端的组件看起来小很多。这时候，viewport就派上用场了。width=device-width：将布局限制在浏览器内置的宽度内。initial-scale=1.0：默认情
凯凯本凯·2023-10-04 15:07
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他