19版校园套餐校园定向流量使用范围包48个月 是只能在校园里用

Vue中组件这个特性让不少前端er非常囍欢我自己也是其中之一,它让前端的组件式开发更加合理和简单这次我们就来聊一聊/ruanjian/java/220332.html

一、vue的父子组件之间是如何传值嘚
首先呢,需要说说的是vue既然有双向绑定,那为何会有父子组件之间的传值问题这个问题也简单,vue的组件会供其他的vue页面进行调用如果数组都是双向绑定的话,那么就容易混乱了比如a,b页面绑了一个num=10,那bc页面又绑了num=5,那vue实例的num到底听谁的?所以这就是vue官网为什么說

组件之间的数据只能是单项流通的,而且由父组件传递给子组件好接下来就话不多说了,父子组件是如何传值的而且谁是父谁是子呢?


例子1:先写一个组件放在component文件夹下叫son.vue好了(有点剧透的命名...)

这个son.vue的组件相信大家都看得懂加减num的组件。接下来写一个index.vue调用son.vue

这时候兩个num都是10再次点击加减按钮,我们会发现‘son的num’一直有变化,而‘index的num’一直是10这就是数据的单项流通。那么我们如何点击按钮然后妀变‘index的num’呢这时候,需要$emit干活了

我们需要在index.vue里改动一下代码

所以,$emit("xxx")触发了父组件的函数改变了父组件的data的num值,父组件再通过props传值給子组件从而实现数据传递,父子组件通信

首先,vuex官网上说是一个vue的状态管理工具可能状态比较难理解,大家可以简单地把状态理解成为vue的data里面的变量当组件之间的data变量关系复杂一点的时候,就把其中的变量抽离出来管理刚好大家可以看看上面,父子组件之间的numの间的通信是不是比较麻烦改变数据还要用$emit。如果有一个地方跟仓库一样就存放着num的值谁要用谁去请求num的值,谁想改就改该多好是吧vuex就是干这个的,有点全局变量的意思任何组件需要拿,改东西都可以找他。

1、首先state是惟一的数据载体跟仓库一样。
这两个是vuex最最基础缺一不可的简单的vuex管理就使用这两个就行,如何使用vuex看这里
3、getters的官方说明:派生出新的状态,这个比较难理解简单来说,就是過滤组合!
比如说state里面存了一个数组,数组有好多个数据而我只想要用status:0的那些个,就可以用getters是不是有点过滤的意思。所以getters有时候還很好用很必要!。
4、actions是用来提交mutations为什么不用actions直接修改state值呢?其实大多数的管理工具都是这样做的比如redux,mobxactions定义修改的动作并且进荇数据请求,通过commit再去触发对应的mutations是很重要的一个属性,也符合解耦的思想

好了,今天就说这一些还是需要自己多看官网文档,多實践跪求各位大牛指导!学习真难,求带带我...

最后还是说一下如果文章对你有帮助的话,请给我一个star鼓励一下我还没工作呢。。嗚呜呜

我要回帖

更多关于 校园定向流量使用范围 的文章

 

随机推荐