问题标签 [vuejs3]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 你如何设置带有额外导入的 Vue 3 main.js 文件?
嗨我正在尝试做在 vue 2 中工作的 vue 3 版本的 main.js 文件
Vue 2
vue 3 最佳猜测
无需额外导入即可工作,然后在我添加它们时仅显示白屏
javascript - Vue 3 推荐 TypeScript TSConfig compilerOptions TARGET 设置?
在使用 Vue 2 和 Vue CLI 时,这个问题在几个方面让我感到困惑,现在又开始了一个新的 Vue 3.0 beta 项目。
Even with the currently newest Vue CLI version 4.3.1, when choosing TypeScript option, the boilerplate code you are given has compilerOptions target set as esnext in tsconfig.json
.
虽然Vue 2 TypeScript 指南正在指导:
目前Vue Next repo 正在使用esnext
,虽然此时 IE11 支持尚未准备好(但无论如何可能不会影响此配置)...
使用 Vue 3 时,此编译器目标的推荐设置是什么?
我需要支持低至 IE11 的旧版浏览器,但这个特定的应用程序项目在其初始发布之前有足够的时间等待 Vue 3 的完整发布。
typescript - Vue Typecript:用类型声明数据
如何使用 Typescript 在 Vue 中实现以下类似功能?
DocumentReference docRef = null
写作docRef: null as DocumentReference
给出打字稿错误:
将 null 转换为 DocumentReference 类型可能是一个错误
我不想写docRef: null as any
抑制任何相关错误和警告的内容。
javascript - v-model 使用 Vuetify.js 在代码中更新但不在屏幕上
我有一个问题:我在一个对象
中有 4 个字段: , , . data
contact_id
contact_child_id
address_id,
address
当contact_id
OR contact_child_id
ORaddress_id
改变时,address
更新。
问题
如果 I console.log(data.address)
,它已更新,但显示的输入字段未更新。
我需要能够手动更改地址,添加一些信息,所以我不能使用计算属性
模板:
脚本
例如console.log(data.value.address)
打印,organization\ncontact name\naddress
但输入字段不显示更改。
vuejs3 - Vue 3 中的 ref 与响应式?
看一些人对 Vue 3 的预览教程的一些例子。[目前正在测试中]
我找到了两个例子:
反应性
参考
vue.js - Vue3 - 组合函数与 import { functionObject } from 'module'
所以我只是通读了新的 Composition API RFC(链接)。在这里,他们比较了跨组件重用代码的多种方法。其中不包括从模块方法导入。我想那是因为他们严格地谈论 VueJS 并且是为了比较。
在示例中,他们陈述了一种搜索算法。这是我在我的一个项目中使用的。首先,我制作了一个将函数导出为对象的模块:
在我需要组件中的函数的地方,我只是像这样导入它:
现在这是我的问题:
如果我可以从模块中导入函数,为什么还要使用组合函数?
vue.js - 为什么动态组件在 vue3 中不起作用?
这是一个有效的 Vue2 示例:
在 Vue3 选项下重做不起作用。不会发生错误,但不会出现组件。
有人研究过vue2 beta版吗?请帮帮我。抱歉语言笨拙,我使用谷歌翻译。
css - 如何将 CSS 应用到 Vue 3 组件的根目录?
我正在将 Vue 2 源代码移至 Vue 3(测试版),并遇到了这个问题:
细节无所谓。将 应用于text-align: center
节点#this
是我想要实现的,但没有#this
节点。
这是可能的,还是合理的?:)
我尝试了以下方法:
这会执行所需的布局,但会导致浏览器中的堆栈溢出。这当然可能只是 Vue 3 beta 主义。(3.0.0-beta.4)
你将如何进行?保持section
原样,或者以某种方式摆脱它?
typescript - 更改导入组件上的硬编码道具不会触发 HMR
我一直在玩 vue-next(vuejs 的第 3 版)并遇到了 HMR 的问题。这是我的环境和问题的概要,但是:
TL;博士; - 硬编码的道具不会在导入的组件上触发 HMR
关于环境的一些基本信息。我没有包含的任何文件都是 vue-next webpack 预览中的默认文件:https ://github.com/vuejs/vue-next-webpack-preview
包.json
重现步骤
- 创建一个新的“组件”,我们称之为 Surface。它接受一个高程道具,该道具将用于计算名为 的 CSS 变量
--elevation
。
Surface
在另一个.vue
文件中使用组件:
- 修改海拔道具。
预期Surface
的热模块更换触发并使用调整后的高度道具
重新渲染组件。
结果 Hot Module Replacement 不会在更改时触发,但组件会在重新加载时更新;正如所料。
这似乎只是硬编码道具的问题。当我使用它时const elevation = ref(0);
,它工作正常。
渲染的
截图