组件是 vue.js 最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。那么组件间如何通信，也就成为了vue中重点知识了。这篇文章将会通过props、$ref和 $emit 这几个知识点，来讲解如何实现父子组件间通信。 ...
分类：
其他好文 时间：
2020-07-24 16:08:13
阅读次数：
61
vue组件 1.vue组件三板斧 1.创建组件构造器对象 2.注册组件 3.使用组件 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <!-- 3.使 ...
分类：
其他好文 时间：
2020-07-18 21:55:22
阅读次数：
68
在函数内声明实例属性保存data，每个实例对象的data都是经过一次函数执行得到有不同的返回结果，所以返回data的值具有自己独立的作用域。 在定义Vue实例时，给Vue传参是一个对象，对象中data就是一个函数，Vue在实例化的时候会调用这个函数每个实例都会返回新的值，data得到不同的值作用域 ...
分类：
其他好文 时间：
2020-07-18 16:03:02
阅读次数：
65
vue中提供了一种混合机制--mixins，用来更高效的实现组件内容的复用。最开始我一度认为这个和组件好像没啥区别。。后来发现错了。下面我们来看看mixins和普通情况下引入组件有什么区别？ mixins 混合 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。 混合对象可以包 ...
分类：
其他好文 时间：
2020-07-16 21:27:47
阅读次数：
49
一般情况下，子组件中无法直接使用父组件的变量。借助子组件的props选项可以实现这一点。 这里我将一个vue实例作为一个父组件： const app = new Vue({ el:'#div1', data:{ movies:['复联四','疯狂动物城','银河护卫队','星际穿越'] }, met ...
分类：
其他好文 时间：
2020-07-15 23:53:57
阅读次数：
68
1.定义方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script type="text/javascript" src="static/js/vue.min.js"></script> <title>组件</t ...
分类：
其他好文 时间：
2020-07-15 23:22:29
阅读次数：
71
一、路由守卫：https://blog.csdn.net/qq_26769677/article/details/101003337 全局前置守卫(beforeEnter)/路由独享(beforeEnter)/组件内的守卫(beforeRouteEnter、beforeRouteUpdate、bef ...
分类：
其他好文 时间：
2020-07-11 12:47:14
阅读次数：
78
一、父组件与子组件通信 父组件与子组件通信段桥梁是子组建的**props**属性，通过属性绑定的方式，将父组件的数据传到子组件的props中，子组件在内部使用这些数据。 HTML部分 <div id="app"> <!-- 父组件将fruit传递给 f --> <component-a v-bind ...
分类：
其他好文 时间：
2020-07-10 21:14:18
阅读次数：
57
在某些情况下，我们必须强制Vue重新渲染组件，如果没有，那可能，你做的业务还不够负责，反正我是经常需要重新渲染组件，哈哈。 虽然Vue不会自动更新这种情况是相对比较少，但是知道如何在出现这个问题时修复它还是很有用的。 在大多数情况下，此问题根源还是我们对 Vue 的响应式理解还是不够到位。 因此，要 ...
分类：
其他好文 时间：
2020-07-08 19:45:35
阅读次数：
64
Vue的通信方式有几种？隔代组件的通信用哪种方式解决？ 一：props/$emit 父传子： // parent.vue<s-child v-bind:infos="informations" /> // infos对应子组件上 data() { return { informations: [ { ...
分类：
其他好文 时间：
2020-07-06 01:38:52
阅读次数：
97
