瓜冬瓜的博客

父组件向子组件传值1.父组件parent代码如下： <template> <div class="parent"> <h2>{{ msg }}</h2> <son psMsg="父传子的内容:叫爸爸"></son> <!-- 子组件绑定psMsg变量--> </div...

使用 vuex 修改 state 时，有两种方式：可以直接使用 this.$store.state.变量 = xxx；this.$store.dispatch(actionType, payload) 或者this.$store.commit(commitType, payload)共同点：能够修改state里的变量，并且是响应式的（能触发视图更新）不同点：若将 vue 创建...

要安装vue-cli3.0，请使用以下命令之一：npm install -g @vue/cli# ORyarn global add @vue/cli您可以使用此命令检查您是否具有正确的版本（3.x）：vue --version要创建新项目，请运行：vue create hello-world系统将提示您选择预设。您可以选择基本Babel + ESLint设置附带的默认预设，...

每个Vue实例在被创建之前都要经过一系列的初始化过程，这个过程就是vue的生命周期。首先贴一张Vue文档给出的生命周期图示，并添加了一些注释：Vue2.0的生命周期钩子一共有10个，同样结合官方文档作出了下表：生命周期钩子详细beforeCreate在实例初始化之后，数据观测(data observer) 和 event/watcher 事件配置之前被调用。c...

vuex 是一个专门为vue.js应用程序开发的状态管理模式。这个状态我们可以理解为在data中的属性，需要共享给其他组件使用的部分。也就是说，是我们需要共享的data，使用vuex进行统一集中式的管理。vuex中，有默认的五种基本的对象：state：存储状态（变量）；getters：对数据获取之前的再次编译，可以理解为state的计算属性。我们在组件中使用$sotre.getters...

Vue 将 <slot>元素作为承载分发内容的出口。它允许你像这样合成组件：<navigation-link url="/profile"> Your Profile</navigation-link>然后你在 <navigation-link> 的模板中可能会写为：<a v-bind:href="url" class=...

VueJS的虚拟DOM是基于开源Snabbdom的。前端发展很多年，直到出现了虚拟DOM，才可以从操作DOM解脱出来。JQuery的出现，简化了操作DOM的过程，但是还是摆脱不了操作DOM。而虚拟DOM的目的是，使用虚拟节点代替真实节点，所有操作都发生在虚拟节点，然后通过diff算法对比新旧两棵虚拟DOM，计算出更新真实DOM的最少操作，由框架代替用户执行这些操作，所以用户可以把大量的精力放...

render函数是什么简单的说，在 vue 中我们使用模板HTML语法组建页面的，使用 render 函数我们可以用js语言来构建DOM。因为vue是虚拟DOM，所以在拿到template模板时也要转译成VNode的函数，而用render函数构建DOM，vue就免去了转译的过程。当使用render函数描述虚拟DOM时，vue提供一个函数，这个函数是就构建虚拟DOM所需要的工具。官网上给他起了...