vue - 随笔分类 - rainbowLover

vue父组件data改变触发子组件prop值变化

摘要：记录下最近发现的vue的一个小bug,或者说vue的一个小坑: 项目中父组件引用子组件,子组件对传递过来的prop之value设置了监听, 父组件更改和prop之value无关的属性值,会触发子组件的watch;说不清楚还是看代码吧: // 父组件 <template> <div class="ho 阅读全文

posted @ 2020-10-20 10:23 rainbowLover 阅读(3806) 评论(0) 推荐(0)

vue打包后引入js和css用相对路径引入

摘要：vue打包后html引入的js和css默认是绝对路径的，如下： <script src=js/app.f316dda1.js> 现在需要打包后是这样的： <script src=./js/app.f316dda1.js> 需要怎么配置呢？查看文档说把publicPath设置为'./'就可以了，阅读全文

posted @ 2020-09-29 11:08 rainbowLover 阅读(5123) 评论(1) 推荐(1)

vue生命周期

摘要：vue组件的生命周期问题， <A> <B /> <C /> </ A> 这样的组件结构各自生命周期执行顺序是怎么样的结果： A beforeCreate A created A beforeMount B bedoreCreate B created B beforeMount C before 阅读全文

posted @ 2020-09-13 13:15 rainbowLover 阅读(125) 评论(0) 推荐(0)

vue源码分析(五)>>:data

摘要：今天来看看data，从_init看起，看看初始化时候都走了哪些操作，最终实现了数据响应式的；源码还是从_init走起，_init方法就是初始化各个options的入口，再看下方法体吧： Vue.prototype._init = function (options) { console.log(" 阅读全文

posted @ 2020-09-04 18:34 rainbowLover 阅读(276) 评论(0) 推荐(0)

vue源码分析(四)>>:compile

摘要：今天分析一下$mount后编译文档节点的执行流程，看下指令和插值都是怎么解析的 1. 执行流程 > 在create钩子函数执行完毕后，判断如果传了el，就走进：vm.$mount(vm.$options.el);//5088行方法； > 进入$mount方法，需要注意的是vue中定义了两个$mou 阅读全文

posted @ 2020-09-04 14:56 rainbowLover 阅读(314) 评论(0) 推荐(0)

vue 之插槽

摘要：vue插槽阅读全文

posted @ 2020-09-03 11:26 rainbowLover 阅读(706) 评论(0) 推荐(0)

vue源码分析(三)>>:computed

摘要：看完watch在看看computed时怎么实现的： step1：用法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, i 阅读全文

posted @ 2020-08-27 22:01 rainbowLover 阅读(226) 评论(0) 推荐(0)

vue源码分析(二)>>:watch

摘要：vue源码 watch 阅读全文

posted @ 2020-08-27 18:05 rainbowLover 阅读(280) 评论(0) 推荐(0)

vue源码分析(一)>>: props

摘要：vue源码分析 props源码阅读全文

posted @ 2020-08-24 23:12 rainbowLover 阅读(433) 评论(0) 推荐(0)

vue 之 hook使用

摘要：vue中hook的使用阅读全文

posted @ 2020-07-03 10:43 rainbowLover 阅读(15086) 评论(0) 推荐(2)

vue组件样式覆盖问题-module

摘要：例如你写个组件，组件根dom上有个类名控制组件高度是300px，即组件默认的高度是300px；用的时候你给这个组件上价格类名控制组件高度是150px；这种情况下渲染结果为：可以看出调用者写的样式竟然覆盖不了组件自身的默认样式，这肯定是不科学的。那怎么办呢？解决的思路肯定是增加调用者的权重，阅读全文

posted @ 2020-06-10 18:50 rainbowLover 阅读(3064) 评论(4) 推荐(0)

vue 之 watch

摘要：vue中watch的应用 vue中的watch可以侦听属性的变化，即属性变化的回调先来一个简单的应用： data() { return { str: "text" } }, watch:{ str(v,ov){//页面加载不走 console.log('value :>> ', v, ov); } 阅读全文

posted @ 2020-06-03 11:15 rainbowLover 阅读(234) 评论(0) 推荐(0)

vue路由传值

摘要：vue路由传值，vue路由传值刷新页面数据丢失问题阅读全文

posted @ 2019-12-19 17:37 rainbowLover 阅读(696) 评论(0) 推荐(0)

vue兄弟组件之间传值

摘要：vue兄弟组件传值阅读全文

posted @ 2019-12-19 17:10 rainbowLover 阅读(1608) 评论(0) 推荐(0)

vue父组件获取子组件的数据

摘要：vue 获取子组件数据 vue组件传值阅读全文

posted @ 2019-12-19 16:21 rainbowLover 阅读(9949) 评论(0) 推荐(1)

vue子组件主动调用父组件的方法或者参数

摘要：vue父子组件之间传值 vue子组件主动获取父组件的数据阅读全文

posted @ 2019-12-19 16:05 rainbowLover 阅读(13179) 评论(0) 推荐(0)

随笔分类 - vue