泽泽z

![Vue组件通信.svg](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/e8969b54c9aa443e8d4bebc8c2e4d72e~tp

Object.values()与Object.keys()相反的操作，把一个对象的值转换成数组。

Vue 实现响应式并不是数据发生变化之后 DOM 立即变化，而是按一定的策略进行 DOM 的更新。 Vue 模板中直接在根无素中进行插值，然后在实例方法中使用了 this.$el.textContent 来获得更新之后的 DOM。 点击按钮之后，界面如下，注意观察三个条件渲染的…

原因：受 ES5 的限制，Vue.js 不能检测到对象属性的添加或删除。因为 Vue.js 在初始化实例时将属性转为 getter/setter，所以属性必须在 data 对象上才能让 Vue.js 转换它，才能让它是响应的。 要处理这种情况，我们可以使用$set()方法，既可…

要使用Vuex，我们要创建一个实例 store，我们称之为仓库，利用这个仓库 store 来对我们的状态进行管理。 State：定义了应用状态的数据结构，可以在这里设置默认的初始状态。 Getter：允许组件从 Store 中获取数据，mapGetters 辅助函数仅仅是将 s…

基础概念Vue中使用v-model指令来实现表单元和数据的双向绑定基本使用最重要的特征**实现表单元素和数据的双向绑定v-model原理使用v-bind只使用v-bind（只能实现数据响应，视图不影响

用于将数据填充到标签中，作用和插值表达式类似，但是不会出现闪动问题。 用于将HTML片段填充到标签中，可能有安全问题。 用于显示原始信息。 是只渲染一次，后面元素中的数据再更新变化，都不会重新渲染。 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。指令简…

此次Vue专题计划从基础语法（v-model会拿出来单独写），再到组件、vue-router和vuex，从简入深，有一个好的基础会使后面的学习事半功倍！ v-text 用于将数据填充到标签中，作用和插