自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

原创 Vue实现开关按钮拖拽效果

<style> .box { position: absolute; left: 100px; top: 100px; width: 100px; height: 100px; background: red; } .box2 { position: absolute; left: 400px; top: 100px;

2020-09-20 19:14:25 1401

原创 Vue生命周期函数

生命周期函数 钩子函数 (相当于一个回调函数,在程序执行到某一个阶段的时候执行这个函数)beforeCreate 创建vue实例之前created 创建vue实例后 (一般会在这个阶段进行数据的异步请求 )(刚开始创建实例的时候,视图显示的数据都是空数据,当数据加载完成后再重新渲染视图) beforeMount 渲染dom之前 ()mounted 渲染dom之后 (加载组件的第一次加载 只会渲染一次)beforeUpdate 重新渲染之前updated

2020-09-21 19:39:46 99

原创 Vue组件通信概念

组件通信:父 - 子父级调用子元素, 通过子元素的属性来传入数据子级内部通过props来接收对应的数据子 - 父注意: vue中数据默认是单向流动,只能父到子直接传递,但是子到父不能直接修改。原因: 因为父级的数据不一定只是某个子级在使用,也许还会有其他的子级也在使用这个数据, 如果子级内部可以随意修改父级的数据,很容易就会出现数据混乱。解决: 如果子级想修改数据,那么需要子级去通知父级,父级接收到这个通知后,再去决定是否修改...

2020-09-21 19:18:20 133

原创 Vue过滤器

过滤器的定义Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符号指示{{text | filter1| fiter2(123) }}过滤器的分类全局过滤器定义全局过滤器 一定要写在实例之前如果过滤器没有返回 值 则默认返回控制字符串 (如果过滤器filter1或者fiter2没有返回值时则还 是tex

2020-09-20 19:40:12 232

原创 Vue#watch和computed的区别

watch和computed的区别watch:异步的派生数据1:computed是依赖数据变化 才去计算;2:watch主动处理数据变化2. compted没法处理异步的数据3. compted没法处理异步的数据各自适用的场景: 1. wathch适合处理: 一个数据影响多个数据 更适合处理数据相互独立的场景 主动监听 2. computed适合处理: 一个数据受多个数据的影响 多个数据影响一个数据 数据相互不独立的场景 也可以( get set)...

2020-09-18 14:34:53 186

原创 Vue总结(程序员卷土重来的第一天(第二篇))

Vue指令(内置指令)1.{{}} 插值表达式2.v-text3.v-html 能够识别标签4.{{}} v-text v-html 都可以向页面插入数据,v-text v-html 会将标签内的数据覆盖,{{}}使用更加方便 ,但是会出现闪烁问题5.v-cloak 可以解决{{}}产生的闪烁问题v-for 循环1.数循环普通组 循环对象数组 循环对象 循环数字2.与v-for 配合使用的key属性 ----维护状态3.当 Vue 正在更新使用 v-for 渲染

2020-09-10 19:42:44 75

原创 Vue的概念(*程序员卷土重来的第一天**)

程序员卷土重来的第一天大家好,我还是哪个小白。今天前来分享下对Vue概念基础知识。大神勿喷!一:对vue的理解1.企业为了提高开发效率,所以有了Vue;2.Vue是目前比较火、比较流行的框架;3.Vue、Angular和react并称为前端三大主流框架; 4.Vue是一套用于构建用户界面的渐进式框架,可以自底向上逐层应用;5.Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以 及各种支持类库结合使用时,vue也完全能够为复杂的

2020-09-10 19:14:39 157

原创 web前端第一次怎么写标题

#web前端第一次怎么写标题大家好,今天第一天写博客,本人主要学的web前端,可能今天第一次写会有点不好,不过人嘛,总有第一次嘛哈哈哈!以后我学到的也会让大家所有人能看到,想让想学习的能够看到,能够帮助大家,共同努力,一定要做个有上进心的人,因为第一次写,应该会写的不太好,希望各位大神,各位大佬,不要喷我,哈哈哈。加油加油加油Bootstarp主要三部分Bootstarp主要三部分分为:1...

2019-11-18 15:49:33 530

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除