青椒的博客

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-model Vue中使用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...