首页 > 其他分享 >vue 组件的引用

vue 组件的引用

时间:2023-03-06 20:37:05浏览次数:46  
标签:vue 路径 别名 引用 组件 import

 

 

 

一:全局引用

1,现在main中引用组件:

import 组件别名 from '组件路径'

2.注册组件

Vue.component('组件别名', 组件别名)

 

 

1.在需要引用组件的页面中script下写如下代码

import 组件别名 from "组件路径";

2.注册组件 components:{组件别名}

 

 

 

转载自:https://blog.csdn.net/qq_31544819/article/details/118901723

标签:vue,路径,别名,引用,组件,import
From: https://www.cnblogs.com/wugh8726254/p/17185296.html

相关文章

  • Vue 项目配置文件中的 devServer
    Web项目部署时,会将前端和后端打包好放到服务器中。比如将Vue项目和SpringBoot项目打包好放到Tomcat中。然后浏览器通过HTTP等协议从服务器获取HTML、JS、CSS等......
  • Vue开源插件之滑块验证
    1.演示成功:失败:失败过多:初始化:2.安装及使用:安装:npminstallhuakuai-vue--savemain.js使用:importhuakuaifrom'huakuai-vue'Vue.use(huakuai)全局......
  • vue
    一、vue指令1、内容渲染指令v-text指令会覆盖元素的内容{{}}:插值表达式只能用在元素内容节点上。不能用在属性节点v-html2、属性绑定指令v-bind:指令 缩写为:为......
  • .Net引用Fo-Dicom 5.0 版本将Dicom转为图片时提示TransferSyntax不支持
    1.安装包fo-dicom.Codecsdotnetaddpackagefo-dicom.Codecs2.在应用程序启动前的初始化处注册服务newDicomSetupBuilder().RegisterServices((service)=>{ s......
  • SpringBoot+Vue中使用AES进行加解密(加密模式等对照关系)
    场景若依前后端分离版本地搭建开发环境并运行项目的教程:https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662在上面搭建起来前后端架构之后,在前后端......
  • Vue学习笔记之ElementUI的区间设置
    <template><divclass="app-containerhome"><el-formref="form":inline="true":model="form":rules="rules"><el-form-itemprop="min"><el......
  • Vue路由传递参数
    路由配置{path:'/manage/detailgovproject',key:'detailgovproject',name:'DetailGovProject',component:DetailGovProject},fromPage.vu......
  • vue中使用动态组件
    在模板文件中引入<component:is="handleComponent"/>在js中使用consthandleView=(viewUrl)=>import('../'+viewUrl)//引入文件路径exportdefault{da......
  • vue 前端导出
    1.安装依赖npminstall-Sxlsxnpminstall-Sxlsx-style2、导出export插件封装utils/exportExcel.js/** *@file导出export插件封装 */ import*asstyle......
  • 好文章!收藏了!————JS学习日志18 -- JS基础--对象引用和复制
                  参考:https://blog.csdn.net/Android_boom/article/details/125099640......