【vue学习】第8页

Vue学习第18天——Vue中的过度与动画效果的使用与案例

目录一、过度与动画1、原理2、标签3、使用场景二、使用方法1、准备样式2、使用``包裹要过度的元素三、过度效果案例四、动画效果案例五、进阶知识1、有多个元素需要过度/动画2、为过度/动画添加名称3、页面初始化就有过度/动画效果六、第三方库一、过度与动画1、原理自动监测目标元素是否应用了CSS过渡或动画，如果是，在合适的时候给元素添加或删除CSS类名2、标签Vue提供了transition标签，来处

离奇6厘米·2023-10-25 09:32

vue学习之axios发送请求

创建vue项目https://blog.csdn.net/qq_36940806/article/details/132920390?spm=1001.2014.3001.5502axios安装cnpminstallaxiosmain.js引入axios，配置后端服务地址importVuefrom'vue';importElementUIfrom'element-ui';import'elemen

赴前尘·2023-10-24 21:21

Vue学习笔记---Vue单文件组件（SFC）规范

.vue文件用于表示一个单一组件，其内使用类html语法，顶级标签有template,script,style和自定义的标签，一个完整简单的vue单文件如下{{msg}}exportdefault{data(){return{msg:"helloworld"}}}.example{}自定义标签模板template里面包含该组件的html结构，可以在该组件内使用其他组件，需要在script中导入并写

前端小黑·2023-10-24 16:10

Vue学习笔记-校验IP是否在同一网段

一.IP地址分类D和E不对民用组织开放，所以我们能使用IP地址的只有ABC三类。A、B、C三类IP地址的特征：当将IP地址写成二进制形式时，A类地址的第一位总是0，B类地址的前两位总是10，C类地址的前三位总是110。主机号:用于识别该网络中的主机。A类地址（1）A类地址第1字节为网络地址，其它3个字节为主机地址。它的第1个字节的第一位固定为0.（2）A类地址网络号范围：1.0.0.0—126.0

赵客缦胡缨v吴钩霜雪明·2023-10-24 13:13

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的基础语法 { }

学习笔记作者：oMingvuev-on:简称@newVue({methods:{show1(){console.log("show1")},show2(){console.log("show2")}}}).$mount('#app')v-model（数据双向绑定）varvm=newVue({el:'#app',data:{name:''}}-只要input内容发生变化，vueapp实例的data中

微风拂晚霞·2023-10-23 08:43

vue学习的第四天——vue基础

前文：通过前三天的学习，今天我们开始正式的vue编写，通过学习一下几点：.el:载挂点data数据对象本地应用一.el载挂点想了解什么是el载挂点先得看清整个程序的结构，首先必须是得有html构成，要是要加上vue就还得加上js。由下图的el为app对应html中divid中的app，说明在这个var定义的app中下的数据data和方法methods只适用于该id为app的div中。二.data数

仓鼠科技城·2023-10-23 08:42

Vue学习笔记（篇二）——Vue基础语法

Vue基础语法1、Mustache语法形如"{{message}}"的语法格式，称之为Mustache语法注：mustache（胡子/胡须）2、v-once该指令后面不需要跟任何表达式(比如之前的v-for后面是由跟表达式的)该指令表示元素和组件(组件后面才会学习)只渲染一次，不会随着数据的改变而改变。举例代码（练习）：{{message}}{{message}}constapp=newVue({

Etui۹(･༥･´)و ̑̑·2023-10-23 08:12

VUE学习：vue基础06————VUE语法对内容处理：event事件对象

提示：本文为VUE栏目：VUE学习：vue基础06————VUE语法对内容处理：event事件对象VUE学习：VUE学习：vue基础06————VUE语法对内容处理：event事件对象前言事件对象event

北凉冬·2023-10-23 08:11

Vue学习笔记一列表形式数据展示

1.MVC和MVVM1.1MVC模式 MVC模式是Web后端的常用的开发模式。model层一般都是实体类，有时候会多一个dao层用于专门写sql的操作，view层是前端，controller层编写业务逻辑。1.2MVVM模式 Vue.js框架为了方便开发，使用了MVVM模式，它是前端页面的一种开发模式，分为M,V和VM，MVVM提供了数据的双向绑定。2.数据双向绑定document{{msg}

皮卡猴·2023-10-22 07:24

vue学习错误记录：val.toLowerCase is not a function

学习版本vue：2.0vue-cli:4.5.3错误截图第一条vuewarn给的错误是：Componentnamesshouldconformtovalidcustomelementnameinhtml5specification根据翻译的意思：组件名称应该符合html5中有效的自定义元素名称。一开始我以为是我的组件定义名字与html自带的元素冲突了，所以回去将所有的组件名称改为“xxx-item

小学名·2023-10-22 03:48

20231012-黑马Vue学习笔记-第一天

文章目录Vue的概念Vue2官网创建一个Vue实例安装Vue开发者工具Vue指令案例-波仔的学习之旅常见的事件类型案例-小黑的书架案例-小黑记事本Vue的概念Vue是一个用于构建用户界面的渐进式框架Vue2官网https://v2.cn.vuejs.org/创建一个Vue实例Document{{msg}}{{friend.name+''+(friend.age>=18?'成年':'未成年')}}/

ぃ咔哇依°ヽ·2023-10-21 22:31

20231014-黑马Vue学习笔记-第二天

文章目录指令修饰符v-bind操作CSS案例-京东秒杀Tab导航高亮案例-小黑学习网（v-model应用于其他表单元素）computed计算属性-简略写法computed计算属性和methods方法的区别computed计算属性-完整写法成绩案例watch侦听器案例-水果购物车指令修饰符①按键修饰符@keyup.enter->键盘回车监听②v-model修饰符v-model.trim->去除首尾空

ぃ咔哇依°ヽ·2023-10-21 22:31

20231018-黑马Vue学习笔记-第三天

文章目录Vue生命周期生命周期案例开源可视化图表工程化开发环境安装根组件（App.vue）普通组件的注册使用Vue生命周期①创建：beforeCreate、created②挂载：beforeMount、mounted③更新：beforeUpdate、updated④销毁：beforeDestroy、destroyedDocument计数器-{{count}}+constapp=newVue({el

ぃ咔哇依°ヽ·2023-10-21 22:29

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-cli脚手架（一）

深入剖析vue-cli脚手架一、vue-cli介绍1.该系统的组件1）CLI2）CLI服务3）CLI插件二、vue-cli安装三、vue-cli基础1.快速原型开发1）vueserve2）vuebuild2.创建项目1）vuecreate2）使用图形化界面3.插件和Preset1）插件2）Preset4.vue-cli服务1）使用命令2）vue-cli-serviceserve3）vue-cli-

飞羽逐星·2023-10-21 13:22

vue.js学习(一)

vue-exercise不定期的vue学习动态第一天helloworld关于一个最小的vue项目的结构导入vue创建vue实例使用插值表达式调用数据vue基础及事件修饰符使用v-cloak可以解决闪烁问题

niracler·2023-10-21 07:43

学习笔记之Vue基础学习（一）

Vue学习一、Vue简介1.1什么是Vue？

YING—country·2023-10-20 18:32

vue学习

1、过滤器2、指令3、生命周期4、组件5、事件总线6、代理服务7、vuex8、vuex模块化9、vue-routerquery传参10、vue-routerparam传参该方式传参，to里面只允许用name，不允许用path11、vue-router的props1、在需要传递props的路由上增加prop属性2、在需要接收props的组件上正常使用props接收、使用12、缓存路由组件其中，inc

qiaocccccc·2023-10-20 02:23

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

Vue学习6：axios网络模块封装

Vue学习6：axios网络模块封装文章目录一、介绍二、axios的基本使用三、axios发送并发请求四、axios的配置信息五、axios的模块封装六、axios的拦截器使用一、介绍为什么选择axiosjsonp

Vivian小姐·2023-10-17 03:04

npm安装-详细教程

npm安装教程第一章Vue学习入门之Node.js的使用文章目录npm安装教程@[TOC]前言一、npm是什么？

panpan_Yang·2023-10-17 01:36

Vue学习之从入门到入土

el用于指定当前Vue实例为哪个容器服务，值通常为css选择器字符串data中用于存储数据，数据供el所指定的容器去使用插值语法：{{xxx}}适用于标签体内xxx可以直接接受到data中的所有属性指令语法：适用于解析标签v-bind可以给属性动态绑定：v-band：href=“url”其中“url”作为表达式其中v-bind可以简写成：el的两种写法：（1）el：'#root',（2）v.$mo

阿伟在自律·2023-10-16 18:16

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

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

李姝瑶·2023-10-16 11:42

vue学习笔记

目录1.created()和mounted()的区别及其用法2.vue学习过程中问题点记录。

诗仙&李白·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学习之路由访问与混入对象篇

Vue系列文章目录Vue学习之入门篇Vue学习之模板语法和语句结构篇Vue学习之事件处理器与属性篇Vue学习之表单与组件篇Vue学习之路由访问与混入对象篇Vue系列文章目录一、Vue路由访问二、Vue的混入对象理解一

cug-jdc·2023-10-15 08:54

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学习：Vue中的组件自定义事件

一般情况下，可以通过props实现父组件传递数据给子组件，通过vue的组件的自定义事件也可以实现子组件和父组件之间的通信。通过使用$on(eventName)监听事件，使用$emit(eventName)触发事件，$off(eventName)移出自定义事件监听器。自定义组件传递数据的两种写法：1、通过父组件给子组件绑定一个自定义事件实现：子给父传递数据（使用@或v-on）：父组件中接收参数：ge

人海@·2023-10-14 22:03

Vue 学习随笔系列二 -- 前端文件导出

Vue学习随笔二——前端文件导出后端接口返回的文件流下载为excel文件文章目录Vue学习随笔二——前端文件导出一、axios导出接口文件流1、接口封装2、调用方法二、直接导出表格数据1、安装插件2、页面引入组件

梅子酱~·2023-10-13 18:53

vue学习(绑定class、v-bind:style(对象语法、数组语法))

1绑定HTMLClass我们可以传给v-bind:class一个对象，以动态地切换class：内联样式在模板里varvm1=newVue({el:"#div1",data:{isActive:true,hasError:true,}})通过浏览器查看，渲染的html结构是：内联样式不在模板里varvm2=newVue({el:"#div2",data:{class_obj:{isActive:tr

小李不小·2023-10-13 04:48

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学习-进阶

vue学习-进阶文章目录vue学习-进阶1、VUE相关指令2、VUE路由2.1、router-link用法2.2、编程式的导航2.3、hash模式和History模式2.4、路由守卫2.4.1、全局2.4.2

石头茨·2023-10-12 15:52

学习不一样的vue5:vuex(完结)

-10|分类于web前端||阅读次数4029首先首发博客:我的博客项目源码:源码(喜欢请star)项目预览:预览上一章:《学习不一样的vue4:mock与axios实战2》我的Q群:meteor高手群vue

weixin_30349597·2023-10-12 09:10

vue学习之路之需要了解的知识汇总

dbkfmlw338546·2023-10-12 09:37

vue学习---基于vue2中的组件、组件通信、ref

vue学习—基于vue2中的组件此篇是基于vue2.x的开发环境1.组件1.1注册组件在项目文件夹下的src文件夹下的components文件夹下创建的一个.vue文件就是一个组件，组件的script中使用

茹嗨瑞·2023-10-12 05:24

前端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）—— 路由

忘れな草と永遠の加藤惠·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学习】