vue项目接口地址暴露_vue组件暴露和.js文件暴露接口的操作方法

vue组件暴露和.js文件暴露接口的操作方法

发布时间：2020-08-12 14:05:31

来源：亿速云

阅读：156

作者：小新

小编给大家分享一下vue组件暴露和.js文件暴露接口的操作方法，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

1、将同一类型的组件放在一个文件夹下

2、在此文件夹下创建一个index.js

3、在index.js中导入组件，并把他们暴露出去

1、写法一

import studentCourse1 from './studentCourse.vue'

import studentInfo1 from './studentInfo.vue'

export var studentCourse=studentCourse1

export var studentInfo=studentInfo1

2、写法二

export var studentCourse=()=>import('./studentCourse.vue')

export var studentInfo=()=>import('./studentInfo.vue')

//export var studentInfo=()=>{

return import('./studentInfo.vue')

}

4、最后在.vue文件中使用组件

此处你只需引入index.js所在文件夹就行啦

import {studentCourse,studentInfo} from './components/stuCom'

export default{

components:{

'StudentCourse':studentCourse,

'StudentInfo':studentInfo

}

1、将.js放在同一个文件夹下

2、同样一定要有一个index.js文件

3、 index.js文件内容如下

import auth from './auth.js'

import error from './error-log.js'

export default{

auth,

error

}

4、在main.js中import utils from './utils'

Vue.use(utils.auth,{params})

补充知识：vue项目中将方法名暴露给APP端调用

只需要将methods中的方法赋值到window对象即可

created() {

window.getParams = this.getParams

methods: {

getParams(params) {

this.id = params.id

// ...

}

也可以赋值给window对象中的某个对象

以上是vue组件暴露和.js文件暴露接口的操作方法的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！

vue项目接口地址暴露_vue组件暴露和.js文件暴露接口的操作方法相关推荐

vue 项目中引用并使用cdn上面的js文件
项目中,有一份配置数据需要不停地文件更新,之前放在项目中每次更新就要进行发版本,所以就把它放在cdn上,项目中通过cdn地址获取文件,每次需要更新数据时,直接更新cdn上面的文件即可,这样就算多个项目 ...
vue项目接口地址暴露_vue组件暴露和.js文件暴露接口操作
1.将同一类型的组件放在一个文件夹下 2.在此文件夹下创建一个index.js 3.在index.js中导入组件,并把他们暴露出去 1.写法一 import studentCourse1 from ' ...
vue项目中element-ui的分页器(组件封装）
vue项目中element-ui的分页器组件 <template><el-col :span="24" class="toolbar" sty ...
4.Vue项目中下载本地pd、word、excel文件
记录:Vue项目中下载本地pdf.word.excel文件今日的一个需求是下载导入模板文件,该模板文件不是接口请求获取,而是本地的文件该文章属转载:Vue下载本地pdf.word.excel文件 ...
多个vue项目之间跳转_Vue六，路由，ElementUI
内容大纲安装路由配置路由路由对象router:页面跳转,传递参数 ElementUI 知乎视频www.zhihu.com 前端项目笔记为什么要在linex中开发? 1.公司服务器是line ...
vue 实例化几种方式_Vue组件的三种调用方式
最近在写fj-service-system的时候,遇到了一些问题.那就是我有些组件,比如Dialog.Message这样的组件,是引入三方组件库,比如element-ui这样的,还是自己实现一个?虽然 ...
vue项目中可使用天气预报小组件推荐vue-mini-weather
该部分内容引自基于Vue开发的迷你实时天气预报组件由于该组件在2021.4.24日刚上传到npm仓库,请用npm安装! 1.安装 npm i vue-mini-weather --save 2.引 ...
vue项目的骨架及常用组件介绍
vue项目基础结构一个vue的项目,我觉得最小的子集其实就是{vue,vue-router,component},vue作为基础库,为我们提供双向绑定等功能.vue-router连接不同的" ...
项目前端（一）、vue项目中引入vue-router路由组件
1.在项目根目录下,执行 npm install vue-vouter 是否成功引入router路由组件,我们可以查看package.json文件中dependencies标签下是否有vue-rout ...
vue项目nginx部署子目录_vue 多项目部署---二级目录
新项目:同一域名下部署多个vue项目, 根目录vue项目不需要按下面的方式进行打包部署 https://www.bitedit.com/ 下面三个项目以二级目录部署 https://www.bited ...

vue项目接口地址暴露_vue组件暴露和.js文件暴露接口的操作方法

vue项目接口地址暴露_vue组件暴露和.js文件暴露接口的操作方法相关推荐

最新文章

热门文章