首页 > 其他 > 详细

组件与插件的区别

时间:2021-08-24 09:53:41      阅读:15      评论:0      收藏:0      [点我收藏+]

Vue组件(component)

用来构成你的App的业务模块,把页面(html代码,CSS代码)进行模块化,用来复用。我们通常在src的目录下,新建一个components文件夹来存放公共的组件,在我们要使用组件的页面中引入组件

技术分享图片 组件

Vue插件(plugin)

用来增强你的技术栈的功能模块,它的目标是Vue本身。插件是对Vue的功能的增强和补充,插件通常用来为 Vue 添加全局功能。如:指令/过滤器/过渡等。就是添加到Vue,上直接this就能得到。


开发插件

Vue.js 的插件应该暴露一个 install 方法。这个方法的第一个参数是 Vue 构造器,第二个参数是一个可选的选项对象:

技术分享图片 插件

使用插件

// 通过全局方法 Vue.use() 使用插件。
// 它需要在你调用 new Vue() 启动应用之前完成:
// 多个插件需分开写use
  import directive from "./directive/index.js";
  Vue.use(directive);
  import filter from "./filter/index.js";
  Vue.use(filter
  Vue.use(MyPlugin)
  new Vue({
    // ...组件选项
   })

添加全局方法

通过插件的形式(就是换个地方写 Vue 原型的方法)

技术分享图片 全局方法

添加全局过滤器

技术分享图片 全局过滤器

添加全局指令

技术分享图片 全局指令

组件与插件的区别

原文:https://www.cnblogs.com/voxov/p/15178124.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!