Vue

组件作为vue中一个极为重要的功能，在我们平常的业务开发中占据着不可或缺的作用。灵活的运用组件化开发，可以极大减轻重复代码的编写，对于一些可重用的部分，可以进行高效的复用。而对于业务的处理上，组件化更

虽然 Vue 的声明性渲染模型为你抽象了大部分对 DOM 的直接操作，但在某些情况下，我们仍然需要直接访问底层 DOM 元素。要实现这一点，我们可以使用特殊的 `ref` attribute： ``

上一章我们讲到，watch 和 watchEffect 都能很好的根据监听的数据源执行内部大的回调。而 watchEffect 可以在初始化创建监听器的时候，执行回调。而除了这些，你还知道他们有什么区

在某些场景下，我们可能需要监听某一地方的结果去修改另一个地方的状态。我们就可以通过使用`watch（）`函数，来实现状态变化时，触发内部的回调函数。

我们知道每个Vue组件在整个生命周期都会经历很多步骤，比如组件初始化、template模板的编译、把实例挂载挂载到相应的DOM节点，还有组件数据更新以及卸载的时候。而在这些阶段，Vue官方为我们提供

假如我们有一个表单输入框，在进行表单处理的时候，我们想把输入框的内容同步的更新到定义的`JavaScript`变量时，我们可能会如下写：

当我们需要监听页面的DOM事件的时候，我们可以使用vue提供的`v-on`指令来进行监听，当然也可以使用简写形式`@`，然后出入相应的`JavaScript`代码。

当我们有一个基于数组的列表数据，想让他在模板中进行渲染时，vue提供了一个`v-for`指令，来让我们进行遍历操作，你可以把他理解为`JavaScript`中的for循环。指令的值 为`item in

当我们想要条件性的渲染模板内容的时候，我们可以通过`v-if`这个指令来实现，当指令里面的表达式返回真值时进行渲染。如果你熟悉vue开发的话，你会发现这个指令非常好用，而且在某些场景下，能起到很好的优

当我们需要通过复杂的逻辑处理来得到我们想要的数据时，如果通过在模板中运用表达式计算的话，虽然很方便。但如果写太多的话，往往会使的整个模板变得臃肿，难以维护。而对于这种情况，vue3提供了 comput

在Vue2.x中，我们只需要通过在data选项中定义我们需要使用的数据，这些数据就会变成响应式的数据，使用的时候会动态响应。但是如果你在data中声明一个对象时，你会发现，你对对象的属性进行增加或者删

在vue2中我们都知道vue应用实例只有一个，所有全局操作都在这个vue实例上进行的，比如用于组件通信的 EventBus等等，并通过new 一个 vue实例通过 $mount 挂载到dom节点，在进

前端技术的更替可谓是日新月异，可能一不小心你可能就跟不上前端这飞快的发展速度了。所以说，面对这样的局面，我们要时刻保持着一个学习的心态，对新技术具有探索的精神，不要让自己被淘汰了。 而Vue3以及早

最近项目演示，手上没什么活，正好借着闲下来的功夫，看了看vue3的文档，发现vue3对vue3的支持加强了。以前总是想着，如果js中的变量能直接，css中使用，那是多么一件美妙的事情啊，而且优雅。而在

在进行vue的开发时，我们往往会遵从vue的规范，在`template`标签中编写`html`，在`script`标签中编写`JavaScript`，在`style`标签中编写`css`。但在有些情况

在我们在进行开发的时候，往往会对当前点击事件进行限制，比如当我们需要按下回车键触发相应的method事件，并阻止默认的换行操作的时候，可能需要通过`JavaScript`判断相应的`keycode`，