当前位置: 首页 > Web前端 > HTML5

Vue.extend有什么用?

时间:2023-04-05 13:39:48 HTML5

Vue.extend传入一个符合Vue选项的对象,返回一个Vue构造类。Vue.extend可以在任何地方获取一个Vue实例。比如做一个提醒弹窗,只需要改变文本内容、颜色、图标即可constConstructor=Vue.extend(alert);constvm=newConstructor();vm.$data.message=msg;vm.$mount(el);}}})<模板>点我这是弹出层的遮罩

这样,你只需要调用页面上定义的方法,然后传递参数(参数可以以对象的形式传递,自己改就行)。以前可以实现弹窗。无需在每个页面都引入组件。Data定义一个变量保存消息,组件注册组件,然后调用加载Binding,实际开发过程中很多地方都可以使用这种方式提取组件,UI库中的一些组件也是采用这种方式加载的。Vue.extend的另一个用途是单元测试