vue
星屿H
这个作者很懒,什么都没留下…
展开
-
vue3 vite.config.ts 基础配置
【代码】vue3 vite.config.ts 基础配置。转载 2022-10-10 17:03:55 · 1546 阅读 · 0 评论 -
vue3+vite+ts 安装遇到的一些问题和解决方案
1.1、如果你使用npm init @vitejs/app命名安装,确保node.js版本>=10.16.0,如果版本低于这个的话,创建项目能成功,但就是跑不起来,是报一个“vue3 Error: Cannot find module 'worker_threads'”错误,这个也是坑。1、下面是npm安装方式介绍,查看node版本,node-v。vite创建项目安装部分步骤。转载 2022-10-10 17:02:06 · 732 阅读 · 0 评论 -
Vue3 项目创建
vue 3需要node10以上版本node官网下载地址以往的版本 | Node.js。原创 2022-10-10 16:50:01 · 29867 阅读 · 2 评论 -
vue项目无法启动
可以重新安装一次,如果还是不可以的话,就把之前装的都清空。原创 2022-10-09 16:00:47 · 393 阅读 · 0 评论 -
无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\tsc.ps1,因为在此系统上禁止运行脚本
全局安装了运行环境,运行时报错。转载 2022-07-15 16:08:17 · 420 阅读 · 0 评论 -
npm install 常见报错解决
一、C:\workplace\workspace-ODN\pdnms-front>npm installnpm ERR! Error while executing:npm ERR! C:\Program Files\Git\cmd\git.EXE ls-remote -h -t https://github.com/openplans/Leaflet.AnimatedMarker.git npm ERR!npm ERR! fatal: unable to access 'https://github转载 2022-06-22 14:48:51 · 1590 阅读 · 0 评论 -
tinymce富文本编辑器(vue)
tinymce富文本编辑器使用转载 2022-06-07 14:09:28 · 6690 阅读 · 0 评论 -
Vue.use()详解
Vue.use()详解转载 2022-06-07 10:44:56 · 596 阅读 · 0 评论 -
解决使用element-ui + vue 时,dialog中嵌入tabs,再次关闭dialog会导致浏览器卡死的解决方案
链接:使用element-ui + vue 时,dialog中嵌入tabs,再次关闭dialog会导致浏览器卡死的解决方案_向上爬的蜗牛君的博客-CSDN博客原创 2022-05-12 11:47:27 · 1027 阅读 · 0 评论 -
vue中处理时间格式的方法
第一步:安装并引入moment (import moment from "moment");第二步:封装一个方法原创 2022-05-12 11:42:07 · 213 阅读 · 0 评论 -
vue中this的问题
先声名<script>中let _this; mounted里面赋值(_this=this);原创 2022-05-12 09:56:54 · 146 阅读 · 0 评论 -
<iframe></iframe>使用
第一步:第二步:第三步:原创 2022-05-12 09:38:05 · 176 阅读 · 0 评论 -
Vue 项目运行完成后自动打开浏览器的方法汇总
方法一:package.json(适用于vue3)在文件中找到scripts–serve,在后面添加 --open方法二:vue.config.js找到vue.config.js文件,找到devServer,添加下面代码 open:true原创 2022-05-12 11:44:15 · 605 阅读 · 0 评论 -
vue-element 表单校验
原创 2022-05-12 09:20:38 · 368 阅读 · 0 评论 -
vue实现发布评论、评论管理
功能要求 1. 实现发布评论功能2. 实现评论列表的展示3. 使用 tab 栏切换的方式来实现 4. 需要高亮显示当前 tab 栏对应的导航参考效果图:代码:注意:代码所需vue可以通过npm i vue --save下载,然后引入即可<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&...原创 2021-10-20 22:26:08 · 2280 阅读 · 0 评论 -
vue实现图书管理案例
需求:1. 动态在页面中展示图书列表;2. 在输入框中输入图书名称,按回车键实现图书添加功能(图书名称不能为空);3. 点击“删除"按钮可以实现删除图书效果图:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible"...原创 2021-10-20 22:18:45 · 2242 阅读 · 0 评论 -
vue+bootstrap实现学生信息表保存添加删除
注意:代码所需vue可以通过npm i vue --save下载,然后引入即可代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-..原创 2021-10-19 13:17:07 · 2614 阅读 · 0 评论 -
vue指令:v-for
注意:代码所需vue可以通过npm i vue --save下载,然后引入即可案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wid原创 2021-10-17 13:35:20 · 87 阅读 · 0 评论 -
vue指令:v-once
注意:代码所需vue可以通过npm i vue --save下载,然后引入即可案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wid原创 2021-10-17 13:35:11 · 83 阅读 · 0 评论 -
vue指令:v-on
注意:代码所需vue可以通过npm i vue --save下载,然后引入即可案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wid原创 2021-10-17 13:35:04 · 60 阅读 · 0 评论 -
vue指令:v-show
注意:代码所需vue可以通过npm i vue --save下载,然后引入即可案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wid原创 2021-10-17 13:34:56 · 117 阅读 · 0 评论 -
vue常见的一些面试题
1.对于Vue是一套渐进式框架的理解渐进式代表的含义是:主张最少。Vue可能有些方面是不如React,不如Angular,但它是渐进的,没有强主张,你可以在原有大系统的上面,把一两个组件改用它实现,当jQuery用;也可以整个用它全家桶开发,当Angular用;还可以用它的视图,搭配你自己设计的整个下层用。你可以在底层数据逻辑的地方用MVVM和设计模式的那套理念,也可以函数式,都可以,它只是个轻量视图而已,只做了自己该做的事,没有做不该做的事,仅此而已。2.请列出至少4个vue基本原创 2021-10-17 13:35:29 · 186 阅读 · 0 评论 -
vue指令:v-if
注意:代码所需vue可以通过npm i vue --save下载,然后引入即可案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wi.原创 2021-10-17 13:34:43 · 239 阅读 · 0 评论 -
vue指令:v-bind
注意:代码所需vue可以通过npm i vue --save下载,然后引入即可案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wid原创 2021-10-16 15:35:50 · 96 阅读 · 0 评论 -
vue指令:v-model
注意:代码所需vue可以通过npm i vue --save下载,然后引入即可案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wi.原创 2021-10-16 15:34:33 · 74 阅读 · 0 评论 -
vue指令:v-html
注意:代码所需vue可以通过npm i vue --save下载,然后引入即可案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wi.原创 2021-10-16 15:32:24 · 167 阅读 · 0 评论 -
vue指令:v-text
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>v.原创 2021-10-16 15:31:05 · 157 阅读 · 0 评论 -
vue实现商城列表渲染
zzz原创 2021-10-16 15:28:30 · 3823 阅读 · 1 评论 -
vue实现成绩表
需求:使用 table 表格的方式渲染出如下学生成绩信息,其中成绩>=90,显示“优秀";80<= 成绩<90,显示“良好",60<=成绩<80,显示及格;成绩<60,显示“不及格"。成绩大于等于 90 分的学员,背景使用“#7DB3FA"高亮显示数据:[{id: 1,name: '诸葛亮',sex: '男',score: 98},{id: 2,name: '周瑜',sex: '男',score: 88},{id: 3,name: '刘...原创 2021-10-16 15:23:07 · 4514 阅读 · 0 评论 -
动态行间样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.原创 2021-10-16 15:19:06 · 111 阅读 · 0 评论 -
动态类名-数组方式-隔行变色
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.原创 2021-10-16 15:17:23 · 104 阅读 · 0 评论 -
动态类名-数组方式-导航
注意:代码所需vue可以通过npm i vue --save下载,然后引入即可<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,.原创 2021-10-16 15:15:25 · 177 阅读 · 0 评论 -
vue指令
vue介绍1.作者尤雨溪(vue) [阿里] 3.02.vue概念官网:Vue.js渐进式 JavaScript 框架渐进式:主张最少在一个库和一套完整框架之间自如伸缩。优点:1.轻量级的数据框架2.双向数据绑定3.提供了指令4.组件化开发5.客户端路由6.状态管理缺点:1.Vue 底层基于 Object.defineProperty 实现响应式,而这个 api 本身不支持 IE8 及以下浏 览器,所以Vue不支持IE8及其以下浏览器;2.Vue原创 2021-10-16 15:11:58 · 135 阅读 · 0 评论