今天看vue官方教程中的作用域插槽的内容，看了半天都没理解内容，只好动手码代码验证理解。动手是最能促进理解的方法，再去看原文，你会发现都是翻译惹的祸，翻译的真是有点差劲。作用域插槽，主要是为了在父组件中访问子组件中的数据而提出来的一种方案。一、<slot>元素上动态绑定要在外面访问的对象首先要在子组件中<slot>元素上动态绑定一个你要在外面访问的对象...

动态组件，其实就是一个tab页面切换的功能。可以直接使用vue的component，也可以使用v-if来实现。具体如下：方法一<div id="example"><button @click="change">切换页面</button><keep-alive><component :is="cur...

假设有如下state定义一、普通用法在组件中直接访问:this.$store.state.count二、mapState辅助函数用法1使用对象展开运算符，会默认传递参数state，在函数中直接使用就可以了。这样就可以少些2个单词了(this.$store)...mapState({count: state => state.count})三、map...

今天看vue的官方教程 **自定义事件** 中的 **自定义组件的 v-model**时，没看明白，然后百度了好些资料，终于弄明白了。1、v-model语法糖v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。例如下面的例子就实现了变量value和输入值的双向绑定：<div i...

Vuex 允许我们在 store 中定义“getter”（可以认为是 store 的计算属性）。就像计算属性一样，getter 的返回值会根据它的依赖被缓存起来，且只有当它的依赖值发生了改变才会被重新计算。以官网的例子来说明，官网代码如下：在组件中使用以下代码访问：this.$store.getters.doneTodosCount一、说明getters中的访问器函...