vue-cli相关内容

VUE提示3热重新加载在浏览器中突然不起作用

我有一个由Vue cli 3生成的Vue项目,而我的热重新加载突然在我的浏览器中停止工作。对代码所做的更改仍会被终端获取,然而,我的浏览器没有获取这些更改。我必须手动刷新才能获取新的更改。按照其他人的建议,我在vue.config.js中手动设置了poll: true,我也尝试了设置代理,但都没有成功。 有什么建议可以让它再次工作吗? 更新: 在进行了一些Vue更新后,它突然又开 ..
发布时间:2022-05-14 16:09:46 前端开发

将Tailwind.css添加到Vue.js项目后,某些类不起作用

我正在尝试将Tailwind.css添加到Vue.js项目中。有很多关于如何做到这一点的资源,其中大多数遵循与this video相同的路径。为了确保我与视频中的情况相同,我从头开始创建了一个Vue应用程序,使用vue-cli和默认预设。在此步骤之后,我执行了以下操作: npm install tailwind.css 创建src/styles/tailwind.css 将以下内容添 ..
发布时间:2022-04-24 12:52:33 前端开发

使用使用Vue-CLI创建的应用程序为404页面提供服务

我正在使用Vue-CLI创建Vue应用程序。我不喜欢的一种行为是,提供任何不存在的URL(例如,localhost:8080/nonexistent/file.html),代码为200,就好像它是根URL:localhost:8080。 这有时会使调试XHR请求变得非常混乱。 如何使其返回404代码? 推荐答案 您观察到的特性实际上来自webpack-dev-server' ..
发布时间:2022-03-11 09:02:52 前端开发

Vue“导出默认"与“新 Vue"

我刚刚安装了 Vue,并且一直在遵循一些教程来使用 vue-cli webpack 模板创建项目.当它创建组件时,我注意到它将我们的数据绑定在以下内容中: 导出默认{名称:'应用程序',数据: []} 而在其他教程中,我看到数据来自: 新的 Vue({埃尔:'#app',数据: [])} 有什么区别,为什么两者之间的语法看起来不同?我无法让“新 Vue"代码从我所在的标签内部工作从 vue ..
发布时间:2022-01-25 17:28:56 前端开发

使用 bootstrap-vue 运行 jest

我最近一直在使用 vuejs 和 bootstrap-vue.决定在我的项目中添加单元测试. 我对单元测试不太熟悉,所以我正在尝试任何我能找到的方法来了解它是如何工作的. Login.specs.js import {shallowMount, mount } from '@vue/test-utils'从“@/components/auth/Login.vue"导入登录描述('登录 ..
发布时间:2022-01-01 23:45:07 前端开发

如何更改 vue-cli 的分隔符?

我安装了 vue-cli (webpack-simple) src/main.js: 从'vue'导入Vue从'./App.vue'导入应用程序新的 Vue({delimiters: ['?{', '}'],//这里,分隔符设置为“?{ }"el: '#app',渲染:h =>h(应用程序)}) 以上代码不起作用 (?{}),{} 继续工作 /src/App.vue 代码更改 ..
发布时间:2021-12-26 16:56:59 前端开发

在 vue.js 的子组件中创建传递道具的本地副本?

在 vue.js 中,在不更改父数据的情况下编辑 prop 的正确方法是什么?我的意思是,每当我们在 vue.js 中将任何属性从父级传递给子级时,如果我们在子组件中对该属性进行任何更改,那么更改也会反映在父级组件中. vue.js 中是否有任何方法可以在孩子中制作传递属性的本地副本? 我用谷歌搜索了这个,但到处都写着我们可以通过这样做来实现这一目标. props:["user"] ..
发布时间:2021-12-08 22:01:32 前端开发

如何在 vue-cli 项目中更改端口号

如何更改 Vue-cli 项目中的端口号,使其在另一个端口而不是 8080 上运行. 解决方案 Vue-cli webpack 模板的端口位于应用根目录的 myApp/config/index.js. 您所要做的就是修改 dev 块内的 port 值: 开发:{代理表:{},环境:需要('./dev.env'),端口:4545,资产子目录:'静态',资产公共路径:'/',cssS ..
发布时间:2021-12-08 21:27:24 前端开发

使用来自资产变量的图像 src

我最近在处理图像时遇到问题.一切正常,直到您必须在页面上显示图像列表. 问题是,当我们直接为带有硬编码字符串的图像提供 src 时,它可以使用像 ~/assets/any-image.png 这样的 url.但是,如果我尝试将 url 移动到任何变量/对象/数组中,我必须指定包含 URL 的 :src=“myVariable". 代码示例: 图片有问题 ..
发布时间:2021-12-08 21:24:32 前端开发

如何在 vue-cli 中禁用 ESLint?

如何在使用 vue-cli 生成的项目中禁用 ESlint? preLoaders: [{测试:/\.vue$/,装载机:'eslint',包括:项目根,排除:/node_modules/},{测试:/\.js$/,装载机:'eslint',包括:项目根,排除:/node_modules/}] 如果我删除 loader: 'eslint' 行,它将无法编译,与将其设置为空字符串相同.我知道我可 ..
发布时间:2021-12-08 21:19:29 前端开发

Vue.js CLI 中的多个页面

我无法弄清楚如何在 Vue CLI 项目中拥有多个页面.现在我的主页有几个组件,我想创建另一个页面,但我不知道该怎么做.我是否应该在默认情况下创建多个 html 文件,其中 index.html 是?在使用 css js img 文件夹和 html 文件作为页面的简单文件结构中,我知道创建另一个 html 文件意味着创建另一个页面.但我不明白这是如何与 Vue CLI 项目配合使用的. 我在 ..
发布时间:2021-12-08 21:15:47 前端开发

在我的所有组件中全局使用 axios vue

我正在 Vue 应用程序和 CLI 中使用 axios 进行测试.我一直在使用 vue-resource,我可以通过简单地将它传递给 Vue.use (VueResource) 来在我的所有组件上访问它.我如何使用 axios 实现这一点,所以我不必将它导入到组件中,而只需在 main.js 文件中定义一次? 解决方案 在 main.js 中,你可以将 Axios 分配给 $http. ..
发布时间:2021-12-08 21:09:16 前端开发

在 Vue.js 中使用环境变量

我一直在阅读官方文档,但找不到有关环境变量的任何信息.显然有一些社区项目支持环境变量,但这对我来说可能有点矫枉过正.所以我想知道在处理已经使用 Vue CLI 创建的项目时,是否有一些简单的开箱即用的东西可以在本地工作. 例如,我可以看到,如果我执行以下操作,正确的环境会打印出来,这意味着这已经设置了吗? mounted() {console.log(process.env.ROOT_AP ..
发布时间:2021-12-08 21:05:46 前端开发

我如何使用/deep/或 >>>或 ::v-deep 在 Vue.js 中?

所以,我在 Vue 中阅读了这里.js 中,您可以在选择器中使用 /deep/ 或 >>> 来创建应用于子组件内部元素的样式规则.但是,尝试在我的样式中使用它,无论是在 SCSS 中还是在普通的旧 CSS 中,都不起作用.相反,它们被逐字发送到浏览器,因此没有任何效果.例如: home.vue: .自动完成>>>.自动完成输入{//...} 生成的 css: .自动完成>>> ..
发布时间:2021-12-08 21:01:20 前端开发

Vue DOM 图像无法正确显示

我正在使用 Vue 框架并使用 DomUtil.Create 函数创建图像.在此图像中,我想将源动态写入此图像.但是图片不会显示给用户. 我使用 标签在页面上放置了一个普通图像,它在这里工作.只有在创建 DOM 元素时它才不起作用.我把路径硬编码在这里,所以可以肯定路径是正确的. var img = L.DomUtil.create("img", "popUpImg", div ..
发布时间:2021-09-23 19:38:45 前端开发