青椒的博客

Vuex是做什么的?官方解释：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用 集中式存储管理 应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel调试、状态快照导入导出等高级调试功能。状态管理到底是什么？状态管理模...

filter/map/reduce我们通过案例来了解这些函数和方法const nums = [10, 20, 111, 222, 444, 40, 50]1.需求: 取出所有小于100的数字let newNums = []for (let n of nums) { if (n < 100) { newNums.push(n) }}2.需求:将所有小于100...

10.父子组件的通信子组件是不能引用父组件或者Vue实例的数据的。但是，在开发中，往往一些数据确实需要从上层传递到下层：比如在一个页面中，我们从服务器请求到了很多的数据。其中一部分数据，并非是我们整个页面的大组件来展示的，而是需要下面的子组件进行展示。这个时候，并不会让子组件再次发送一个网络请求，而是直接让大组件(父组件)将数据传递给小组件(子组件)。如何进行父子组件间的通信呢...

认识组件化我们将一个完整的页面分成很多个组件。每个组件都用于实现页面的一个功能块。而每一个组件又可以进行细分。组件化思想的应用：有了组件化的思想，我们尽可能的将页面拆分成一个个小的、可复用的组件。这样让我们的代码更加方便组织和管理，并且扩展性也更强。注册组件的基本步骤（以上内容根据微博“coderwhy”的vue视频课程整理，感谢王红元老师ღ( ´･ᴗ･` )比心）...

表单绑定v-modelVue中使用v-model指令来实现表单元素和数据的双向绑定。基本使用方式<div id="app"> <input type="text" v-model="message"> {{message}}</div>当我们在输入框输入内容时1).因为input中的v-model绑定了message，所以会实时将输入的...

计数器<div id="app"> <h2>当前计数: {{counter}}</h2> <button @click="add">+</button> <button @click="sub">-</button></div><script> con...