- 博客(4)
- 收藏
- 关注
原创 Vuex--状态管理
Vuex–状态管理 vuex与组件传值所用方法总线bus所解决的问题类似,不过它是作为一个插件来使用,可以更好地管理和维护整个项目的组件状态。 安装:npm install --save vuex 在main.js里通过Vue.use(Vuex)使用vuex 仓库store包含了应用的数据(状态)和操作过程。vuex里的数据都是响应式的,任何组件使用同一store的数据时,只要store的数据变化...
2020-03-29 13:57:59
132
原创 Vue的组件传值
Vue的组件传值 父传子 在子组件中通过props来声明需要从父级接收的数据,props的值可以是数组和字符串 由于HTML特性不区分大小写,当使用DOM模板时需要使用驼峰命名 子传父 在Vue中,当子组件向父组件传递数据的时候,就要用到自定义事件。 子组件用 $emit(自定义事件的名称,要传的值) 来触发事件,父组件用 ** $on()** 来监听子组件的事件 非父子组件通信 在Vue中推荐使...
2020-03-27 22:54:48
96
原创 Vue的双向数据绑定
Vue双向数据绑定 Object.defineProperty() 方法可以来控制一个对象属性的一些特有的操作,比如读写权 / 是否可枚举。 Vue双向数据绑定,是通过Object.defineProperty()来实现对数据的劫持,达到监听数据变动的目的。 数据与视图的绑定与同步,最终体现在对数据的读写处理过程中,也就是Object.defineProperty()定义的set/get函数中。 ...
2020-03-27 22:13:17
81
原创 MVVM和Vue的关系
MVVM是由经典的MVC衍生而来的。当View(视图层)变化时,会自动更新 到ViewModel(视图模型),反之亦然。View和ViewModel之间通过双向数据绑定联系。 Vue.js通过MVVM的模式拆分为视图与数据两部分,并将其分离。因此,你只需要关心你的数据即可,DOM的事情Vue会帮你自动搞定。 ...
2020-03-27 20:32:38
1148
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人