1.所被Vue管理的函数，最好写成普通函数。这样的this指向实例对象；2.所有不被Vue所管理的函数（定时器，ajax，回调）最好写成箭头函数，这样this依旧指向Vue或者组件的实例对象。

在Vue的使用中，为了提高应用的效率，我们可以使用路由缓存这方面的相关知识来解决遇到的问题。本博客的内容则是对路由缓存及activated与deactivated的详解。期望能对读者有所帮助。本篇博客需要有对路由相关知识的了解，如需复习可见博客Vue2路由的详细讲解。这里要介绍两个钩子函数（生命周期函数）：activated与deactivated。这两个是专门用于路由组件的函数。先介绍一下：ac

在javascript中，我们用原生的方式获取页面中的DOM元素，并操作它们。后来，有了jquery，jquery的强大就在于它可以很方便的操作DOM元素。在vue中，如何操作DOM元素呢？首先，在vue中强烈禁用原生与jquery来操作DOM元素。我们要充分的利用vue的优势：MVVM，在vue中程序员几乎不操作DOM，只需要维护好数据即可，vue给程序员提供ref引用，不调用api直接获取元素

目前我们熟知的子向父传值有两种方式： 一种是在父组件中定义函数，然后将函数利用props传给子组件，子组件调用时父组件可以收到子组件的参数；另一种利用自定义事件，给子组件在父组件中绑定一个自定义事件，子组件利用$emit方式触发该自定义事件时可以将数据传给父亲。今天介绍的是通过ref的方法实现子组件传值给父组件。这种方式比前两种方式用起来更加灵活。Vue组件之间的数据共享讲解Vue中ref引用操作

在之前的原生学习中，一个项目通常会有一个主页，index.html，以及很多个分页。想要通过主页去往其它页面，大部分情况我们使用链接a标签。但是在vue中，vue大多开发单页面应用，也就是SPA项目，倘若想要在SPA项目中看到多个组件，则需要凭借路由。本篇博客就针对路由进行全面讲解，希望对大家有帮助！前面四节讲述的是如何用router-link来渲染组件，这种方式叫做声明式导航，在浏览器中，点击链

在Vue的使用中，为了提高应用的效率，我们可以使用路由缓存这方面的相关知识来解决遇到的问题。本博客的内容则是对路由缓存及activated与deactivated的详解。期望能对读者有所帮助。本篇博客需要有对路由相关知识的了解，如需复习可见博客Vue2路由的详细讲解。这里要介绍两个钩子函数（生命周期函数）：activated与deactivated。这两个是专门用于路由组件的函数。先介绍一下：ac

在3.3及之前的版本，父子组件之间的通讯，一直都是靠props（父传子）和emit（子传父）来实现。而define-model整合了这两种方法，只需要在父组件中定义define-model的方法，子组件中进行声明，参数可以是一个变量，也可以是一个函数（响应式的）。一旦该变量发生改变，父子组件拿到的都是最新值，这就是define-model的作用。

截至道这里，bug来啦。我的做法是在表格组件中写的按钮，el-dialog就放在按钮下面。结果按钮显示不出来。写法也没有任何问题。技术栈是Vue3，用到的组件库是element-plus。要做的是在一个表格中，给表格后面添加一个按钮，点击按钮后，会出现弹框。还是要注意，Vue项目用到组件库，在已有的组件中尽量不要堆叠别的element组件，否则就会出现类似的问题，还不好找到原因。最后把弹框拿出来放

插槽是vue中一个很有用的工具。本篇文章将讲解vue插槽的基本用法，并详细讲解作用域插槽。希望能对读者有所帮助！

学习前端，我们可以还原最基本的结构和样式。但是离真实的应用还差了很多，打开大公司的网站或软件，用户可以在页面上看到实施的数据，能对一些数据进行简单的操作。而我们之所以要学习前后端交互就是为了从服务器获取相关的数据，并把它们放在自己的页面上。在Vue中会用到axios，是对Ajax的封装。本片文章其实是在为Axios作铺垫，所以是系列文章之一。适合有基础的读者阅读。最好懂得Ajax的基本原理用法与n