Vue.component 的第一个参数必须是静态的字符串。

最新推荐文章于 2022-06-15 09:01:03 发布
最新推荐文章于 2022-06-15 09:01:03 发布
阅读量2.2k 收藏 1
点赞数 4
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/junjiahuang/article/details/108406692
版权

Vue.component 的第一个参数必须是静态的字符串。
vue官网是支持动态名称的，uniapp不支持！

道甚夷
关注
专栏目录
Vue.js错误：无法读取未定义的属性‘component‘
RoGroovy的博客
09-18 1333
总结一下，当遇到"Uncaught TypeError: Cannot read property ‘component’ of undefined"错误时，我们应该检查组件名称的拼写、组件是否已导入以及组件是否正确定义。在Vue.js中，可以使用import语句导入组件，或者使用Vue.component()方法全局注册组件。在上面的代码中，我们使用import语句导入了’HelloWorld’组件，并在components选项中注册了它。在上述代码中，我们在模板中使用了’HelloWorld’组件。
vue的component可以通过字符串直接动态渲染element的组件吗
最新发布
dlchgg的博客
07-18 338
- 绑定对象形式的 attribute --> 这是一个table中的插槽，列是配置，然后查出来的这个组件的字符串存的是el-checkbox。还有别的哥们写的component 动态渲染 的文章有更好的，可以参考下。还有就是component。
vue 静态参数_【报Bug】Vue.component()的第一个参数必须为静态字符串
weixin_39850152的博客
01-17 1667
详细问题描述Vue.component第一个参数不支持变量。重现步骤[步骤]//main.jsimport YjBtn from '@/components/yj-btn'Vue.component(YjBtn.name, YjBtn)[结果]报错：Vue.component()的第一个参数必须为静态字符串[期望]支持从vue组件的name属性获取名称IDE运行环境说明[HBuilder 或 HB...
详解vue中组件参数
12-29
我们来聊一下vue中的组件参数. 1.vue中组件参数 我们可以为组件的 prop 指定验证要求，例如你知道的这些类型。如果有一个需求没有被满足，则 Vue 会在浏览器控制台中警告你。这在开发一个会被别人用到的组件时尤其有帮助。 我们来看下最为简单和常见的vue代码 <div id=root> <item content=hello></item> </div> [removed] Vue.component(item,{ props:[content], template:<div>{{content}
Vue组件
weixin_45621649的博客
02-14 326
组件注册 全局注册 Vue.component(‘组件名称’, { }) 第1个参数是标签名称，第2个参数是一个选项对象 全局组件注册后，任何vue实例都可以用 组件基础用 <div id="example"> <!-- 2、 组件使用 组件名称 是以HTML标签的形式使用 --> <my-component></my-compo...
初学vue笔记----component组件
weixin_46074818的博客
05-30 255
组件组件注册自定义属性props自定义事件插槽 组件注册 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <div id="app1"> <!-- 全局注册 --> <button-text ></button-text
Vue 组件支持
m0_58492934的博客
06-15 244
组件是 vue 技术中非常重要的部分，组件使得与ui相关的轮子可以方便的制造和共享，进而使得vue使用者的开发效率大幅提升。uni-app搭建了组件的插件市场，可大幅提升开发者的效率。DCloud 插件市场在项目的/component目录下存放组件，在要显示组件的页面中则分为3步：导入、注册和使用。可以这个评分组件的使用为例，了解vue组件的使用方式。 2.5.0+版本支持在pages.json内引入组件，详见 uni-app只支持vue单文件组件（.vue 组件）。其他的诸如：动态组件，自定义
vue.component和vue.use的用法
yanzhi的博客
12-29 3万+
使用Vue.component()方法注册全局组件。 这个方法接收两个参数： 第一个参数是自定义元素名称，也就是将来在别的组件中使用这个组件的标签名称。 第二个参数是将要注册的Vue组件。 import Vue from 'vue'; // 引入loading组件 import Loading from './loading.vue'; // 将loading注册为全局组件，在别的组...
用Vue.js方法创建模板并使用多个模板合成
12-10
这些模板通常以JavaScript字符串的形式存在于`<script>`标签中。例如，我们可以定义三个模板：`User`, `Student`, 和 `Teacher`。 ```html <!-- User模板内容 --> <!-- Student模板内容 --> <!-- Teacher...
超全面的vue.js使用总结
10-20
对于单选按钮、复选框和选择框，`v-model`通常绑定静态字符串。但如果你想绑定到Vue实例的动态属性，可以使用`v-bind`。例如，绑定复选框`value`到动态属性： ```html <p>{{toggle}} ``` 在这种情况下，`...
解决vue的router组件component在import时不能使用变量问题
10-15
这种语法允许我们在运行时动态地加载模块，但同样不接受变量作为参数，而是需要一个字符串字面量： ```javascript import('./MyComponent.vue') // 正确的动态导入方式 ``` 然而，如果我们确实需要使用变量，可以...
vue学习笔记-- component组件的使用和传值
watson_pillow的博客
12-01 1万+
定义 为了拆分vue实例的代码量，能够让我们以不同的组件，来划分不同的功能模块，将来需要功能，就可以去调用对应的组件； 组件化和模块化的区别： 1、模块化：是从代码逻辑的角度进行划分的； 2、组件化：是从UI界面的角度进行划分的；方便ui组件的重用； 方式1 使用过程： 使用vue.extend 来创建全局的vue组件（通过template属性，指定了组件要展示的html结构） 使用vue.component(‘组件的名称’,创建出来的组件模板对象) 使用组件，以html标签的的形式，引入到页面中(如果模
Vue2.0学习--基础--9--组件基础
Small_sesame的博客
07-19 200
（day8-2）
uniapp中怎么使用easycom 自定义组件
weixin_43743148的博客
05-01 1万+
一、全局注册 uni-app 支持配置全局组件，需在 main.js 里进行全局注册，注册后就可在所有页面里使用该组件。 Vue.component 的第一个参数必须是静态的字符串。 nvue 页面暂不支持全局组件。 二、局部注册 局部注册之前，在需要引用该组件的页面，导入你想使用的组件。页面引入组件方式分两种： 第一种：传统vue规范 在需要引入自定义组件的 页面中，通过 import 方式引入组件 （导入），在 components 选项中注册你想要使用的组件（引用），在页面中使用自定义组件名称标签
uni-app组件的使用及父子组件传值
weixin_46353442的博客
03-13 3527
uni-app搭建了组件的插件市场，可大幅提升开发者的效率。https://ext.dcloud.net.cn/ 组件的使用 在项目的/component目录下存放组件，在要显示组件的页面中则分为3步：导入、注册和使用。 <template> <view class="content"> <test></test>//三、使用组件（也可以写为&l...
vue 组件 Vue.component 用法
热门推荐
weixin_41796631的博客
10-02 17万+
定义： 组件是可复用的 Vue 实例，且带有一个名字 可以在一个通过 new Vue 创建的 Vue 根实例中，把这个组件作为自定义元素来使用 1. 定义一个新组件。命名为 counter 格式： 1.组件名为"conter"; 2.data 数据属性：写函数; 3.template 模板：写组件的内容（元素和触发的事件） Vue.component("counter",...
深入了解组件- -- 组件注册
weixin_30678821的博客
12-04 131
gitHub地址：https://github.com/huangpna/vue_learn/example里面的lesson07 一 定义组件 1、 组件名： 在注册组件的时候我们始终需要给它一个名字，比如在全局注册的时候我们已经看到了。 Vue.component('my-component-name',{ /**/ }); 该组件名就是V...
uniapp在APP端运行报错Error: Not Found：Page[2][-1,1；-1,1,0,0,2-0] at view.umd.min.js:1
lingliu0824的博客
03-31 1万+
uniapp项目在H5中运行正常，但运行到APP端就报如下错误： 原因：注册的组件没有找到。 之前的写法： 在init.js文件中引入所有的公用组件，并通过Vue.component(componentName,component)注册，然后在main.js中引入init.js文件。 此方法在H5中可以正常运行，但在APP端，组件注册需要直接在main.js中执行，另外在APP端不能动态注册组件，uniapp中Vue.component()的第一个参数为必须为静态字符串，不能为变量。（H5除外） 所以下面
Vue.js 2.0+ render方法深度解析与实战应用
在Vue.js中，render()方法是一个重要的特性，自Vue.js 2.0版本引入以来，它为开发者提供了更大的灵活性，允许直接操作虚拟DOM，而不是通过模板字符串。理解render方法对于那些希望深入定制组件渲染过程或者实现更...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值