Vue插件传入的数据改变时页面数据不会实时更新

weixin_38053335 2019-08-14 02:37:56

做了一个vue插件，在html页面引入，当传入的数据对象改变时插件中不会实时更新。每次都需要重启服务才行，有没有什么好的办法，当我修改传入的数据时，页面也会实时显示变化。

...全文

1171 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

weixin_38087157 2019-08-15

打赏
举报

回复

在插件中监听传入数据的变化，一变化，就刷新视图

Vue 插件是增强 Vue 应用功能的强大工具。通过 Vue 插件，开发者可以轻松地扩展 Vue 的能力，集成第三方库，或者将应用中的公共功能抽象为一个复用的模块。插件可以是简单的工具函数，也可以是集成了复杂功能的组件库。本文将详细讲解如何从零开始构建自己的 Vue 插件，涵盖插件的定义、安装、使用、生命周期、插件的设计与最佳实践等内容。无论你是希望构建小型实用工具，还是想要开发一个全功能的 Vue 插件，都能从本文中获得全面的指导。

其原理大致是这样：在数据渲染时使用prop渲染数据将prop绑定到子组件自身的数据上，修改数据时修改自身数据来替代propwatch子组件自身数据的改变，触发事件通知父组件更改绑定到prop的数据这样做的好处是：父组件数据改变时，不会修改存储prop的子组件数据，只是以子组件数据为媒介，完成对prop的双向修改。vue将数据绑定到组件的原理如下：1、当实例化一个Vue构造函数，会执行Vue的init方法，在init方法中主要执行三部分内容，一是初始化环境变量，而是处理Vue组件数据，三是解析挂载组件。

自定义vue插件

为什么要开发插件？插件是对Vue功能上的补充，比如可以设置页面全局共享属性，方法等。目录阅读前必读一、添加全局方法和属性二、给Vue实例添加方法和属性三、通过混入 mixin 方法添加一些组件选项; 1. 局部混入 2. 全局混入四、添加全局资源：指令，过滤器等 1. 添加自定义指令 2. 添加过滤器依据官方文档插件开发说明，插件开发有四种方式。添加全局方...

文章目录前言一、Vue中的插件1.1、插件的定义与参数认识1.2、编写一些插件的功能二、数据校验插件开发示例前言本篇博客是在学习技术胖-Vue3.x从零开始学-第一季基础语法篇过程中记录整理的笔记，若文章中出现相关问题，请指出！当前该链接失效了，有需要的小伙伴可以去b站或者技术胖官网去找相应的视频与笔记。所有博客文件目录索引：博客目录索引(持续更新) 一、Vue中的插件 1.1、插件的定义与参数认识插件用途：将通用性的功能封装起来。定义与使用如下： <body> <

其他技术讨论专区

476

社区成员

790,963

社区内容

发帖

与我相关

我的任务

其他技术论坛（原bbs）

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章