引入外部模块
默认已经内置了许多模块,在一些业务中,可能还需要引入第三方的模块,以vue-grid-layout
为例。
安装依赖
在终端安装vue-grid-layout
:
$ npm install vue-grid-layout --save
使用
全局注册
在src/main.js
中注册并使用组件:
// src/main.js
// 导入组件
import { GridLayout, GridItem } from 'vue-grid-layout';
// 使用组件
Vue.component('i-grid-layout', GridLayout);
Vue.component('i-grid-item', GridItem);
全局注册后,任何地方都可以使用<i-grid-layout>
和<i-grid-item>
两个组件了。
局部注册
只在需要的页面或组件中注册:
<template>
<i-grid-layout>
<i-grid-item />
</i-grid-layout>
</template>
<script>
import { GridLayout, GridItem } from 'vue-grid-layout';
export default {
components: { GridLayout, GridItem },
data () {
return {
}
}
}
</script>
自己封装组件
如果是自己封装的组件,可以放置在src/components
目录内,使用方法不变。
1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!3165260857@qq.com
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有站币奖励和额外收入!
三优资源网 » crmeb pro前端引用组件
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有站币奖励和额外收入!
三优资源网 » crmeb pro前端引用组件
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?
- 三优资源网