前端哥

At least one <template> or <script> is required in a single file component.

2024-03-17新建了一个vue3项目引入路由的时候报这个语法错误,检查版本什么都没问题写法也对,看字面意思是解析不了template。没细想就下了一个template解释器 npm i vue-template-compiler。纠结了一下想起来我引入的一个路由的文件(vue文件)因为新建还没有写html部分也就是个空文件。所以把这个个template结构加上后就好了。_at least one or is required in a single file component.

https://www.qianduange.cn//article/3905.html 分类:前端知识

使用vite创建vue3项目 配置路径 配置路由(手把手教程)

2024-03-051. 在你放项目的盘符创建文件夹,并在文件夹的目录输入 cmd 回车进入运行对话框(我这里是D盘符中的project文件夹中的V3文件里)接下来可以看到我们直接进入了所选择的文件夹里面(如图)2. 输入: npm create3.输入项目名称并回车(这里我取的index)4. 依次选择Vue TypeScript5. 按照指示输入cd index(cd 你的项目名)&& npm install 并回车到这里 项目已经创建完成!_vite 配置vue-router

https://www.qianduange.cn//article/3270.html 分类:前端知识

解决vue3项目跳转同一页面数据不刷新的问题

2024-03-04原因:router-view使用了keep-alive组件,会被缓存,而vue-router的切换不用于传统的页面切换。是路由之间的切换,组件之间的切换,引用相同组件的时候,会被直接调用缓存里面的而不会调用created(),onMoun ted()函数。如图所示:要实现的功能是点击每一个tabs栏下的更多按钮,会跳转到“消息中心”页面,这是点击不用的“更多”按钮,跳转的路由页面是同一个,但是要求页面里的消息类型下拉选择框和列表数据要刷新,显示不同的数据。现在的问题是:页面跳转数据不刷新。_vue3 跳转相同路由不刷新

https://www.qianduange.cn//article/3177.html 分类:前端知识

vue3项目搭建

2024-03-02npm 也是 Node.js 的默认的包管理器。一旦 node 安装,npm 也会被默认安装。yarn 是 facebook 等公司在 npm v3 时推出的一个新的开源的包管理器,它的出现是为了弥补 npm 当时安装速度慢、依赖包版本不一致等问题。如果之前安装了2.0的脚手架,要先卸载掉,输入:npm uninstall vue-cli -g 进行全局卸载。输入项目名crm_vue3,选择框架vue,选择typeScript回车就搭建好了。选择安装依赖项时要使用的包管理器:(使用键盘上下箭头键)_vue3项目搭建

https://www.qianduange.cn//article/3081.html 分类:前端知识

使用vite创建vue3项目命令

2024-02-28使用vite创建vue3项目命令_vite创建vue3项目命令

https://www.qianduange.cn//article/2841.html 分类:前端知识

vue3项目中实现文件分片上传vue-simple-uploader

2024-02-26vue-simple-uploader 是一个基于 Vue.js 的简单文件上传插件,有以下几个特点:1、简单易用:只需在 Vue 组件中使用该插件,并设置相应的配置选项即可实现文件上传功能。2、多文件上传:插件支持同时上传多个文件,可以选择并一次性上传多个文件。3、进度条显示:该插件提供了进度条显示上传进度,让用户清楚地知道文件上传的状态和进度。4、上传前验证:可以通过设置验证规则,对上传的文件进行前端验证。例如,限制文件类型、大小等,以确保只上传符合要求的文件。_vue3分片上传插件

https://www.qianduange.cn//article/2753.html 分类:前端知识

初识 Vue 3,使用Hbuilder X 开发工具初建项目

2024-02-22简单介绍了vue3 ,以及如何利用开发工具创建第一个vue3项目文件。_hbuilderx vue3

https://www.qianduange.cn//article/2480.html 分类:前端知识

vue3项目如何使用echarts

2024-02-21注意:需要使用import * as echarts from ‘echarts’,不能使用 import echarts from ‘echarts’,否则会报错。的文字内容显示一些没有显示,盲猜没有显示的原因是因为文字太长了,刚好原型里面 X 轴的字需要倾斜,查询文档 xAxis里面有个 axisLabel 可以配置实现。series里itemStyle的这个属性,可以设置样式,通过color设置渐变色,barBorderRadius设置圆角。在setup中引入安装echarts。_vue3引入echarts

https://www.qianduange.cn//article/2427.html 分类:前端知识

vue3项目中使用ECharts图表并实现自适应效果

2024-02-20关于Vue3中使用ECharts的用法和自适应效果实现_vue3 echarts自适应

https://www.qianduange.cn//article/2354.html 分类:前端知识

【Vue3】如何创建vue3项目及组合式API

2024-02-19以上就是今天要讲的内容,本文仅仅简单介绍了vue3的使用,而[vue3提供了大量能使我们快速便捷地创建项目的方法。_基于组合式从零开发vue3项目

https://www.qianduange.cn//article/2280.html 分类:前端知识

92条数据,当前8/10

最近搜索

会员中心 联系我 留言建议 回顶部