乌龙白桃Nina酱

结构一般是一整个大的功能模块为一个父组件，里面小的功能分区为子组件，下面就把购物车整体作为父组件cart，里面包含了cart-header、cart-list和cart-f...

接上一篇《Vue组件化开发系统讲解》。 组件插槽的作用是父组件向子组件传递内容，相比之前我们讨论的数据的交互，这里的内容指的是模板内容。 组建插槽的位置位于子组件的模板中，...

组件化开发在发展过程中直到现在已经逐渐形成了一套标准化规范来帮助开发者更便利地开展工作，这套规范称之为Web Components，但目前并不是所有浏览器都支持这套规范。 ...

（下面这个图截得不好，就是简单的输入域数据双向绑定和提交按钮点击事件，直接往下看吧。。。=_=） 这里还是直接使用那套大神封装好的日期格式化代码。用法在过滤器的笔记中说过，...

Vue对数据的处理一般都是响应式的，而原生JS数组方法对数据的处理在默认情况下都是非响应式的。要在Vue中使用这些数组方法就需要将它们变成响应式的，只有这样我们才能通过操作...

格式化数据，比如将字符串格式化为首字母大写或者将日期格式化成指定的格式等。 使用插值表达式的方式有2种，一种是通过插值表达式一种是通过属性绑定的值。 上面在main.js里...

export default中有一个watch属性专门用于监听data中数据变化，这就是我们所说的监听器。 watch中的方法只要与被绑定的数据同名则能与该数据实现绑定。 ...

以用户注册页面为例，在默认情况下，用户打开页面时焦点并不会一开始就定位在输入框，而是需要用户点击输入框之后才能进行输入。 我们可以通过自定义属性来使焦点在打开页面时就自动定...

为方便使用，请将此网址收藏。 npm安装好iview后去node_modules文件夹中找到iview文件夹打开里面的dist文件夹将style文件夹复制到项目根目录,否则...

父组件通过props传递值给子组件：子组件在父组件中上树时设置一个动态的自定义属性并写入属性值，子组件就可以通过props接收到这个属性值。 子组件通过$emit( )传递...

当node运行这个js文件的时候不会有任何效果呈现。 console.log()里的话就会被打印出来。 基本原理是这个Object.defineProperties()函数...

在实例初始化之后，数据观测和事件配置之前被调用。 在实例创建完成后被立即调用。 在挂载之前被调用。 被新创建的vm.$el替换，并挂载到实例上之后调用。 这个函数一旦被触发...

computed，即计算属性，用于储存计算后的值，定义的时候是函数，但在template中调用时不可以圆括号调用，即，这个函数不得接受形参。 也就是说methods与com...

methods，即方法，用于存放函数，通常结合v-on使用来进行事件绑定，也可以用于插值表达式{{}}中展示值以及提供给指令使用。 我们可以在methods以外的地方定义函...

如Vue的文档所说，一个项目就相当于一棵嵌套的组件树。 引用的自定义组件之间不是相互影响相互控制的关系，单个自定义组件操作的是全局的数据，是全局数据的变化影响了各个组件的视...

组件相当于一个类，每个<组件名 />就是它的实例，上树就相当于一个实例化的过程。 避免单个组件过于冗长，简化项目的管理维护工作。 Vue组件命名必须以大写字母开头。 App...

  先在data中设置几个默认项来方便整个项目的架构：  有了默认项作参考更有利于结构层和样式层的排布：  基本结构和基本样式排布好之后项目就能立体呈现，后面要做的就进一步...

在没有框架的前提下要把一个数组渲染成DOM表格需要经历一系列document.createElement()、appendChild()等冗长复杂的代码来实现，使用Vue后...

v-for可以循环data中的数组。 下面循环遍历arr，item作为循环变量依次成为arr中的每一项。key影响最小量更新。 在VSCode编辑器不报错的情况下可以直接写...