bigdargon的博客

$bus传值

父子组件生命周期执行顺序结论父组件先创建，然后子组件创建；子组件先挂载，然后父组件挂载。执行顺序父beforeCreate-> 父create -> 子beforeCreate-> 子created -> 子mounted -> 父mounted复制代码子组件挂载完成后，父组件还未挂载。所以组件数据回显的时候，在父组件mounted中获取api的数据，子组件的mounted是拿不到的。父子组件和mixins的生命周期执行顺序执行顺序mixin的crea

使用场景watch和computed各自处理的数据关系场景不同1.watch擅长处理的场景：一个数据影响多个数据2.computed擅长处理的场景：一个数据受多个数据影响区别```javascript1、功能上：computed是计算属性，watch是监听一个值的变化，然后执行对应的回调。2、是否调用缓存：computed中的函数所依赖的属性没有发生变化，那么调用当前的函数的时候会从缓存中读取，而watch在每次监听的值发生变化的时候都会执行回调。3、是否调用return：compu

1.要实现路由懒加载必须的先安装插件1. npm i babel-plugin-syntax-dynamic-import -D2. 在 .bablerc 中引入 syntax-dynamic-import 插件{ "presets": ["env"], "plugins": ["syntax-dynamic-import"]}2.路由实现方式2.1 未用懒加载import...

vue组件强制更新

omputed：注意不能直接在photoList后面加参数，没效果（应该是vue不支持），应该以JavaScript闭包的形式：computed: { photoList() { return function(value){ var imgList = []; for(var i=0;i<value.length;i++){ imgList.push({src: value[i]});

在vue开发中会遇到这样的问题：有时需要在img中加载多个静态资源的图片，如果我们将src的路径整个定义成一个变量，会发现img加载不出来正个图片的路径，其实此时需要require()来加载静态资源的路劲在vue中通过js加载图片路径需要用 require() 加载图片路径<img :src="titleIcon" class="title-icon">{{ title }}</img> computed: { titleIcon() { r...

有时一个页面，其实由许多组件构成，并且这些组件，层层嵌套，层次可能很深。这时问题就来了，假如有一些参数，从顶层组件就开始设置或提供，然后最底层的组件又需要，层层传递，不仅繁琐、容易出错，反而不利于代码的可维护和可读。有没有一种方法，可以直接由顶层组件传播到最底层呢？或者说，可以让最底层能直接接收到顶层的参数呢？有的，provide + inject。顶层组件provide，底层组件inject。但是，这只能保证一次成功，以后参数改变了，底层并不能感知。这时又要加上computed和watch，并且参.

1. 设置提示vue操作添加链接描述

组件什么是组件？组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以表现为用 is 特性进行了扩展的原生 HTML 元素。所有的 Vue 组件同时也都是 Vue 的实例，所以可接受相同的选项对象 (除了一些根级特有的选项) 并提供相同...

computed：注意不能直接在photoList后面加参数，没效果（应该是vue不支持），应该以JavaScript闭包的形式：computed: { photoList() { return function(value){ var imgList = []; for(var i=0;i<value.length;i++){ imgList.push({src: value[i]}); .

问题描述：第一次进入界面，页面走vue的生命周期（走初始化的所有方法），没问题。当从其他页面返回/点击进入到这个界面时，该页面没有刷新，没有走vue的生命周期（走初始化的所有方法），数据没有发生变化，就好像是页面做了缓存一样例图：解释：问题的原因：就是name属性造成的！！！解决方案：在主组件中注释到name属性在vue中什么时候使用name，什么时候注释到name存在两种情...

https://www.jianshu.com/p/48234e8bbe00

作用 多个组件可以共享数据和方法，在使用mixin的组件中引入后，mixin中的方法和属性也就并入到该组件中，可以直接使用。钩子函数会两个都被调用，mixin中的钩子首先执行。vue中的mixins可以定义哪些内容呢？官网的说明：混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。大致意思就是：1） 混入对象的内容必须是一个对象。2） 当使用混入时，相同的内容都会合并。3） 数据对象如果有相同的，则以被混入的对象中data数据为准注意：1

问题描述在同一个路由下，只改变路由后面的参数值 / 改变路由，比如 /test?id=1 ，在这个页面中点击一个按钮后 跳转到 /test?id=2 ，但从“/test?id=1”到“ /test?id=2”是不会触发vue的生命周期的，id变了，但页面数据不会更新。解决办法监听路由参数的变化，在watch里监听$route和路由参数watch: { $route(){ this.userId= this.$route.query.id }, }...