Vue 3中的组件导入

嗨，我正在尝试在Vue3中导入一个组件。这是我的组件结构：+src+App.vue+components+Navbar.vue在我的App.vue中我尝试过：<scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script><template><

P粉564192131 2024-01-21 16:26:14 0  2  653

javascript - vue组件的写法

项目准备用vue，项目时间紧迫，又是第一次接触vue，所以很多地方有不明白的。这里我想问下如果不用vue-cli工具和webpack的话，组件应该是怎样写的呢？因为我网上看到大部分的写法都是单页面那种写法，把一个组件...

怪我咯 2017-05-19 10:18:42 0  2  571

在另一个组件中动态渲染 Vue 组件

使用Vue3.2.41-@heroicons/vue2.0.14-inertiajs1.0-vite4.0.0我正在使用这个调用Vue组件：该组件如下所示：<template><component:is="icon"/><!--doesn'twork--><CalendarDaysIcon/><!--works-->&

P粉764003519 2023-08-30 20:51:07 0  2  566

javascript - Vue中子组件怎么向父组件传参

背景：Vue+ES6，子组件在父组件create后调用，并且事件触发onclick已经被封装在底层组件（子组件的子组件） 问题：在父组件中无事件绑定的情形下，子组件怎么向父组件传参？

给我你的怀抱 2017-05-19 10:20:59 0  8  811

javascript - vue中 父组件实例化后 子组件也会实例化吗？

vue中 父组件实例化后 子组件也会实例化吗？ 如果不能 怎么样实例化子组件

给我你的怀抱 2017-05-19 10:44:40 0  1  581

在 Vue Cypress 组件测试中复制插件

我正在使用Cypress来组件测试我的Vue应用程序。遵循https://docs.cypress.io/guides/component-testing/vue/examples#Replicating-Plugins中的代码示例会产生几个错误，如下所列：Argumentoftype'(this:Context,component:ComponentOptionsWithObjectProps&

P粉725827686 2023-08-30 19:44:36 0  1  514

javascript - vue组件extend扩展报错

写了一个select组件，具体在业务中使用需要修改下，在继承select的基础上做了修改，重新命名为teble-select, vue提示 [Vue warn]: Error in render function: "TypeError: Cannot read property 'name' of undefi...

迷茫 2017-07-05 10:45:06 0  1  1076

javascript - vue 组件数据循环

vue组件，把字符串切割为数组 然后循环输出结果报错 想得到下面这样的数据 #1岁-2岁 #早餐 #快手 var test = "1岁-2岁,早餐,快手"; &lt;cook-tag :tags="test" /&gt; {代码...}

天蓬老师 2017-05-18 11:02:33 0  1  616

javascript - vue 组件参数问题

{代码...} {代码...} vue 通过count-down组件传入数据，this.endTime 无法获取到传入数据，现想得到参数，并且可以参数

大家讲道理 2017-05-19 10:13:47 0  3  599

在 Vue 组件内结合 Vue 渲染 HTML

我正在尝试将项目从Vue2升级到Vue3，其中有一个组件包含不同Vue组件的集合。它在Vue2中的工作方式是在Twig中调用Twig模板（例如：field.twig）并将其发送到Vue使用:is属性和Vue.compile方法进行编译（<div:is"compile(元素.内容）...“）。这是Twig模板发送到Vue的内容：但是在Vue3中这似乎不再起作用了。没有任何内容被渲染，

P粉193307465 2024-03-26 14:35:53 0  1  493

在浏览器中检查Vue组件，无需使用VUE-Router库

我正在使用vue3和CLI构建工具。将在.net页面上导入我的组件。我需要在不使用路由器库的情况下在浏览器上检查我的组件。实际上它是独立的组件有什么办法吗。在Vue2中，我使用了gulp构建工具和分形工具来检查浏览器中的组件。迁移到vue-3后，我找不到解决方案。

P粉729518806 2024-03-19 18:23:18 0  1  435

javascript - vue 组建事件问题

vue 组建如何调起js对象方法？现在调用触发 Uncaught TypeError: cook.tag is not a functionUncaught TypeError: cook.tag is not a function 其中 cook.tag 是外部objct 方法，就解决方案 {代码...} {代码...}

某草草 2017-05-18 11:01:42 0  1  456

使用ViTest对Vue组件进行单元测试并模拟方法的方法指南

使用vitest来模拟方法，通过单元测试vue组件。MyComponent.vue<scriptsetup>import{ref}from"vue";constisSelectAll=ref(true);constselectAllModel=ref(false);constonChange=()=>{isSelectAll.value=true;select

P粉445750942 2023-08-29 00:23:20 0  1  596

在一个文件中使用多个Vue组件

在vue文档中，我在“脚本设置”指南中看到了“命名空间组件”，它写道：您可以使用带点的组件标签（如）来引用嵌套在对象属性下的组件。当您从单个文件导入多个组件时，这非常有用：<scriptsetup>import*asFormfrom'./form-components'</script><template><Form.Input><Form.L

P粉710454910 2023-11-22 21:55:43 0  1  632

javascript - VUE父组件model改变后，传入子组件的props为什么没改变？

VUE父组件model改变后 传如子组件的props为什么没改变？ 父组件 {代码...} 子组件 {代码...} 我点击test方法后 改变 父组件的banner 这个banner传入子组件后子组件的model为什么没改变？

習慣沉默 2017-05-19 10:30:47 0  2  679

javascript - vue 全局组件为什么不能跟vue实例分开到不同的文件中？

global.js文件: {代码...} login.js {代码...} index.html {代码...} 结果报错:[Vue warn]: Unknown custom element: &lt;login&gt; - did you register the component correctly? For recursive components, mak...

typecho 2017-07-05 10:42:57 0  2  1108

javascript - vue组件的重复调用

现在使用vue来写项目，很多页面，很多里面都有个删除确认框，能不能把这个删除框写成一个组件，每次都调用他，只是里面的数据有变化？ 会用到兄弟组件间的通信吧，可是不同页面的删除按钮怎么把这个组件给调用出...

漂亮男人 2017-06-28 09:29:12 0  2  1396

Vue和Webpack的树摇、sideEffects和CSS：加载未被使用组件的CSS文件

我们正在尝试找出在使用Webpack时处理Vue单文件组件中CSS树摇的正确方式。在package.json中，我有："sideEffects":["*.css","*.less","*.vue"]，这似乎可以正确地阻止加载不应该加载的Vue组件。然而，每个单个的<style>标签都会被加载到页面上。我们是

P粉068174996 2023-08-25 10:22:08 0  1  607

使用 Vue 类组件在 NuxtJs 项目中注册附加挂钩

我正在构建我的第一个NuxtJs项目，并且我还使用Vue类组件将我的组件编写为类。应用Vue类组件后，我在访问beforeRouteEnter组件挂钩时遇到问题（不再被调用）。因此，我找到了有关在使用此库时注册附加挂钩的文档，但我无法弄清楚将import语句放置在NuxtJs结构中的位置。我有这个文件（与文档相同）：//class-component-hooks.jsimportComponent

P粉904450959 2024-03-27 08:38:00 0  1  437

组件加载时，Vue的Provide和Inject出现未定义的情况

情况我正在尝试使用Vue的提供和注入功能的选项API，以便header.vue组件可以向container-nav.vue组件提供数据（请参阅组件层次结构）。但是，当注入数据时，它在初始加载时是未定义的。当前组件层次结构：header.vue>header-nav-menu.vue>容器-nav.vue尝试1-header.vue（祖父母）在此组件中，我从pinia(storeComm

P粉377412096 2023-08-26 09:34:12 0  1  495