vue 销毁实例

最新推荐文章于 2024-07-19 12:00:10 发布

夏日の岚

最新推荐文章于 2024-07-19 12:00:10 发布

阅读量8.3k

点赞数 2

分类专栏： js vue 文章标签： vue javascript

本文链接：https://blog.csdn.net/weixin_45061624/article/details/117921664

版权

本文探讨了Vue中$destroy()方法的作用，该方法用于销毁Vue实例，解绑指令和事件监听器，但不直接清除DOM。根据官方文档，若要清除DOM，应使用v-if或调整v-for的数据。此外，$destroy()后对实例数据的修改不会影响已销毁的页面。

摘要由CSDN通过智能技术生成

导入 vue 创建一个VM 实例, 传入配置对象, 了解配置对象中的各个属性

var VM = new Vue({
    el: '#app', // 表示当我们new的这个Vue实例, 要控制页面上的那个区域 
data: {
    // data属性中，存放的是el中要用到的数据,这里的data就是MVVM中的M专门用来保存每个页面的数据 message: 'Hello Vue!' }, 
methods : {
   }, // 这个methods属性中定义了当前Vue实例所有可用的方法,主要写业务逻辑 
computed: {
   }, // 在computed中,可以定一些属性, 这些属性叫做计算属性,计算属性的本质就是一个方法,只不过我们在使用这些计算属性的时候是吧它们的名称直接当做属性来使用的,并不会把计算属性当做方法去调用 
filters : {
   }, // 这个filters属性中定义了当前Vue实例中所有可用的过滤的方法 
watch: {
   }, // 使用这个