关于原生html、css、js单页面如何写模块请求接口,配合vuejs封装组件

背景:

入职了一家公司,公司不知道谁写的项目,使用的是php加上html原生的写法。写的时候写的贼恶心,就是根本不是静态页面,所提的需求都是基于双向绑定的需求。作为开发人员,就吐槽到这里了。注:。原生html使用引入vue.js的方式来编写。

 

目的:

基于原生的方式去封装一个selec组件,因为他的数据源全都是基于接口来创建的。

那么首先就是这个请求放在哪里,因为 每写一个逻辑,都是写一份$axios请求,那么这种情况是如何配合的,这个$axios是怎么样写的,写在哪里看的更规范,有模块化新能。

 

我的方案:

使用Vue纯纯用template加上字符串那种编写,懂吧,就是

{  

      "custome-select": {    

             template:  ``,

              mounted (){  },

               methods :  {   }

        },

}

 这种方式写组件。