![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue 学习记录
文章平均质量分 93
vue中 有很多细节 通过细节 刨析更好的理解 vue
西门吃雪……
这个作者很懒,什么都没留下…
展开
-
laravel中如何配置vue
然后就可以正常使用vue了原创 2020-12-05 13:52:28 · 363 阅读 · 0 评论 -
vue 脚手架下载
图中告诉你说这个文件夹已经存在 是否继续添加 最后会消耗一些时间原创 2020-11-13 17:38:00 · 959 阅读 · 0 评论 -
Vue中的列表过度
demo1.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Vue中的列表过度</title> <script src="./vue.js"&g原创 2020-11-13 14:26:29 · 134 阅读 · 0 评论 -
vue中多个元素或者组件的过度
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue中多个元素或组件的过度</title> <script src='./vue.js'></script> <style> .v-enter, .v-leave-to {原创 2020-11-12 22:24:14 · 178 阅读 · 0 评论 -
Vue中的JS动画与velocity.js
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue中的使用animate.css库</title> <script src='./vue.js'></script> <link rel="stylesheet" type="text/css" href="./animate.cs原创 2020-11-11 16:22:16 · 101 阅读 · 0 评论 -
在vue中使用过度和动画
demo1.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue中同时使用过度和动画</title> <script src='./vue.js'></script> <link rel="stylesheet" type="text/css" href="./anima原创 2020-11-10 00:56:27 · 146 阅读 · 0 评论 -
Vue.animate.css组件库的使用的详细解析
首先我回顾一下上次使用的代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue中Css动画原理</title> <script src='./vue.js'></script> <style> .v-enter, .v-leave-to {原创 2020-11-09 18:43:02 · 312 阅读 · 0 评论 -
vue中css动画原理
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue中Css动画原理</title> <script src='./vue.js'></script> </head> <body> <div id="root"> <div v原创 2020-10-29 23:21:04 · 81 阅读 · 0 评论 -
动态组件与v-once指令初步了解
首先创建两个组件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>动态组件与v-once指令</title> <script src='./vue.js'></script> </head> <body> <div id="root">原创 2020-10-29 15:56:56 · 124 阅读 · 0 评论 -
vue中的作用域插槽详细解析
首先我们把基础的vue搭好 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue中的作用域插槽</title> <script src='./vue.js'></script> </head> <body> <div id="root">原创 2020-10-29 11:52:34 · 489 阅读 · 1 评论 -
vue插槽初步了解
首先我们想先创建一个子组件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue中的插槽(slot)</title> <script src='./vue.js'></script> </head> <body> <div id="root">原创 2020-10-29 00:23:29 · 99 阅读 · 0 评论 -
vue的非父子组件的传值详细解析
首先我们看一张图 图上 看上图 我们应该如何做 是不是感觉很麻烦? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>非父子组件间传值(Bus/总线/发布订阅模式/观察者模式)</title> <script src='./vue.js'></script> </head> &.原创 2020-10-28 14:24:21 · 300 阅读 · 0 评论 -
vue给组件绑定原生事件初步理解
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>给组件绑定原生事件</title> <script src='./vue.js'></script> </head> <body> <div id="root"> <child @原创 2020-10-27 21:38:53 · 125 阅读 · 0 评论 -
组件参数校验与props 特性
1.0首先通过一个例子 给大家介绍什么叫参数校验 父组件可以向子组件 传递数据 子组件有权对 这些数据做一些约束 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>组件参数校验与非props特性</title> <script src='./vue.js'></script> </head&原创 2020-10-27 15:39:00 · 137 阅读 · 0 评论 -
vue父子组件间的数据传递
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>父子组件的数据传递</title> <script src='./vue.js'></script> </head> <body> <div id="root"> <counter原创 2020-10-27 11:37:07 · 241 阅读 · 0 评论 -
通过refs制作计数器
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>通过refs制作计数器</title> <script src='./vue.js'></script> </head> <body> <div id="root"> <count原创 2020-10-25 12:16:27 · 112 阅读 · 0 评论 -
vue 通过 ref 引用dom
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>组件使用中的细节点2</title> <script src='./vue.js'></script> </head> <body> <div id="root"> <div re原创 2020-10-25 11:04:23 · 213 阅读 · 0 评论 -
vue子组件使用细节
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>组件使用中的细节点,子组件的正确使用方式</title> <script src='./vue.js'></script> </head> <body> <div id="root">原创 2020-10-25 10:30:47 · 145 阅读 · 0 评论 -
vue组件使用的细节 is 属性
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>组件使用中的细节点</title> <script src='./vue.js'></script> </head> <body> <div id="root"> <table&g原创 2020-10-25 09:04:55 · 175 阅读 · 0 评论