首页文章正文

vue封装全局方法,vue封装组件需要注意什么

前端面试问封装过什么组件 2023-12-17 16:45 199 墨鱼
前端面试问封装过什么组件

vue封装全局方法,vue封装组件需要注意什么

vue封装全局方法,vue封装组件需要注意什么

●^● 封装公共方法:1.New:2.serviceMixin.js//所有方法import{add}from"../net/api/base";import{get}from"../net/api/base";import{upload}以下是封装公共同步方法的步骤 :5.创建一个名为``来存储公共方法的文件。 6.在文件中定义一个全局方法并将其绑定到Vue实例的原型。 具体步骤:7.创建一个名为``的文件

main.js文件//将limit函数文件绑定到vue原型上,供全局使用importlimitfrom"./utils/limit-fuction";Vue.prototype.$limit=limit;123在vue组件中使用:

//1引入evue和xiosimportVuefrom'vue'importaxiosfrom'axios'//2对axios进行一些封装//代码//3然后挂载到原型Vue.prototype.$axios=axiosWhenused