![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
WuHuiNing
新手勿喷,谢谢大家!
展开
-
Vue生命周期函数
生命周期函数 钩子函数 (相当于一个回调函数,在程序执行到某一个阶段的时候执行这个函数)beforeCreate 创建vue实例之前created 创建vue实例后 (一般会在这个阶段进行数据的异步请求 )(刚开始创建实例的时候,视图显示的数据都是空数据,当数据加载完成后再重新渲染视图) beforeMount 渲染dom之前 ()mounted 渲染dom之后 (加载组件的第一次加载 只会渲染一次)beforeUpdate 重新渲染之前updated原创 2020-09-21 19:39:46 · 114 阅读 · 0 评论 -
Vue组件通信概念
组件通信:父 - 子父级调用子元素, 通过子元素的属性来传入数据子级内部通过props来接收对应的数据子 - 父注意: vue中数据默认是单向流动,只能父到子直接传递,但是子到父不能直接修改。原因: 因为父级的数据不一定只是某个子级在使用,也许还会有其他的子级也在使用这个数据, 如果子级内部可以随意修改父级的数据,很容易就会出现数据混乱。解决: 如果子级想修改数据,那么需要子级去通知父级,父级接收到这个通知后,再去决定是否修改...原创 2020-09-21 19:18:20 · 152 阅读 · 0 评论 -
Vue过滤器
过滤器的定义Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符号指示{{text | filter1| fiter2(123) }}过滤器的分类全局过滤器定义全局过滤器 一定要写在实例之前如果过滤器没有返回 值 则默认返回控制字符串 (如果过滤器filter1或者fiter2没有返回值时则还 是tex原创 2020-09-20 19:40:12 · 269 阅读 · 0 评论 -
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 · 1413 阅读 · 0 评论 -
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 · 203 阅读 · 0 评论