<h2 id="_1">组件的生命周期</h2> <p>在组件创建、到加载到页面上运行、以及组件被销毁的过程中，总是伴随着各种各样的事件，这些在组件特定时期，触发的事件统称为组件的生命周期。</p> <h2 id="_2">生命周期的阶段< ...

<h2 id="_1">前言</h2> <p>本文主要内容：</p> <ul> <li> <p>v-model</p> </li> <li> <p>v-for</p> </li> <li> <p>v-if</p> </li> <li> <p ...

<h2 id="domdiff">虚拟DOM和diff算法</h2> <blockquote> <p>在学习 React 之前，我们需要先了解两个概念：虚拟DOM、diff算法。</p> </blockquote> <h3 id="dom" ...

<h2 id="react">React路由的使用</h2> <p>使用React路由之前，我们需要先安装 <code>react-router-dom</code>这个包。比如：</p> <pre class="codehilite">< ...

<h2 id="_1">前言</h2> <p>动画的作用：提高用户的体验，帮助用户更好的理解页面中的功能。</p> <h2 id="_2">使用过渡类名实现动画</h2> <h3 id="_3">官方文档的截图</h3> <p>过渡类名如下 ...

<h2 id="_1">前言</h2> <blockquote> <p>我们接着上一篇文章01-04来讲。</p> </blockquote> <h3 id="_2">过滤器的概念</h3> <p><strong>概念</strong>：V ...

<h2 id="_1">单项数据绑定</h2> <p>在 Vue 中，可以通过 v-model 指令来实现双向数据绑定。但是，在 React 中并没有指令的概念，而且 <strong>React 默认不支持 双向数据绑定</strong>。 ...

<h2 id="v-on">v-on的按键修饰符</h2> <h3 id="vue">Vue 内置的按键修饰符</h3> <p>通俗一点讲，指的是：监听键盘输入的事件。Vue 允许为 v-on 在监听键盘事件时添加按键修饰符。如下：</p> ...

<h2 id="_1">什么是路由</h2> <h3 id="_2">后端路由</h3> <p>对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源。</p> <p>当前端输入url请求资源时，服务器会监听到 ...

<h2 id="_1">前言</h2> <h3 id="_2">什么是组件</h3> <p><strong>组件</strong>： 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什 ...