![](https://img-blog.csdnimg.cn/20190918140012416.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
VUE 入门学习
文章平均质量分 64
VUE 0基础入门
VUE简单的入门学习计划
清水迎朝阳
多年windows下c++客户端开发,或多或少踩了很多坑,积累了一些经验
展开
-
chatgpt 生成的 左侧导航功能的网页
这是用chatgpt生成的网页,其实,不是一下子就生成了满足需求的网页,而是要不断地和chatgpt交互,不断地调试改进,不断地让它理解你的需求,最终才能达到可用的效果。以下导航,就是通过和chatgpt沟通几个小时后,才达到了满意效果。和普通编程不同,你得让它正确理解你的意思才行,不过它做了个大概后,你如果在这个基础上,迅速改进,达到自己的需求也行。原创 2024-06-14 11:33:17 · 1076 阅读 · 0 评论 -
VUE 小说网站 1 搭建环境
后来,我试图换了 8643等 没用占用的端口,结果还是不行,也不是这个原因。后来看看目录结构,这个index.html 在public下。.vscode ->launch.json中。以为是目录中含有空格导致找不到的,去掉空格后。8080 被 微信 QQ 占用 了 PID。控制台 运行 npm run start。运行 npm run start。再运行,能找到文件了,但貌似还不对。没有 start 和 dev了。运行 npm run serve。打开package.json。原创 2023-12-27 10:20:23 · 3697 阅读 · 0 评论 -
VSCODE 在新窗口中打开
后来发现 使用快捷健 ctl+k,o 可以将标签页在新窗口中打开,虽然不如vsstudio方便,不过也可实现在新窗口打开的功能了。但是VSCODE,无法拖动标签到一个新窗口中,一直以为没这个功能。使用VS习惯了,经常在新窗口中打开查看。原创 2023-11-29 11:37:42 · 536 阅读 · 0 评论 -
npm ERR! code ELIFECYCLE
package.json 文件,去掉 那个插件 chormdrive 那一行。使用这种方法, npm install 成功了。然后运行 npm run dev 就可以了。问题: 一个老项目,现在想运行下,打不开了。cnpm install 还是不行。npm install 也出错。尝试1 、使用cnpm。原创 2023-11-02 17:14:21 · 843 阅读 · 0 评论 -
VSCODE VUE3 element-ui plaus 环境搭建
最近学习针灸,突然想搭建一个针灸学习网站,因此,重新学习了下 VUE3、elementui-plus,如果要做的话,就用这个先搭建本地网站试试。前提,安装好了 node.js vscode。原创 2023-07-06 16:38:20 · 4154 阅读 · 0 评论 -
Vue+element 实现英雄榜功能
目录一、英雄榜实现1、引入element Lib 和VUE2、设置滚动条动态显示1)设置对应的VUE参数名:scrollHiddenVar2)VUE data定义3)mounted 设置鼠标监听事件4)监听方法3、设置element Table4、table 数组5、VUE 核心代码6、DEMO下载实现类似功能,按分数分成不同段位 2、设置滚动条动态显示:style="{'--fullCorlor': foolcolorVar,'--scrollCorlor': scrollcolorV原创 2023-01-13 16:29:28 · 2227 阅读 · 0 评论 -
本地小说阅读网站打造
本地小说网站搭建原创 2023-01-12 18:10:50 · 1296 阅读 · 0 评论 -
VUE 自己写的JS 或 组件中添加 额外第三方联盟JS代码
当然,可以在HTML中,引入,但是,我的项目,很多html, 不想那么麻烦,在组件的mounted中,添加第三方提供的JS函数。所以就打算在同一的 VUE JS中,引入第三方JS。在组件的template中,添加组件展示div。原创 2022-09-13 16:25:10 · 696 阅读 · 0 评论 -
VUE 组件 学习示例
目录一、命名规则1、组件名2、组件中事件名二、示例示例11、头部导航,这里组件名MyHeader2、HTML 示例示例2一、命名规则1、组件名每个单词首字母大写(PascalCase)或者全小写用 - 连接(kebab-case)。因为:HTML 不区分大小写,所以在DOM中使用的时候, 改为全小写, 单词之间用 - 连接。2、组件中事件名推荐都用 -连接来命名this.$emit("handle-select",ke.......原创 2022-05-28 15:51:01 · 745 阅读 · 0 评论 -
element UI 学习
一、搭建环境1、引入JS 、CSSelementUI官方网站:Element - The world's most popular Vue UI frameworkVUE 官方网站:Vue.js <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="s...原创 2022-05-13 16:02:04 · 10853 阅读 · 0 评论 -
RangeError: Maximum call stack size exceeded
使用VUE elementUI 加载大量数据时,显示这个错误提示:vue.js:634 [Vue warn]: Error in render: "RangeError: Maximum call stack size exceeded"found in---> <ElMain> at packages/main/src/main.vue <ElContainer> at packages/container/src/main.vue ...原创 2022-05-01 20:37:41 · 3025 阅读 · 0 评论 -
elementUI 断网 本地化环境搭建
目录1、Vue.js2、element Lib下载3、测试网页4、资源上传1、Vue.js下载网址:安装 — Vue.js2、element Lib下载下载地址:GitHub - ElementUI/lib: Element release lib下载后示例:3、测试网页样式引入 <link rel="stylesheet" href="element_lib/theme-chalk/index....原创 2022-01-27 16:29:27 · 2267 阅读 · 0 评论 -
单HTML中 使用vue 、element 简单示例
有的时候,很 懒,不想自己添加额外资源,就想使用VUE 和element现成组件,可以用以下方法实现<html><head> <meta charset="UTF-8"> <title>古典小说</title> <!-- import CSS --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/ind原创 2022-01-05 18:53:23 · 1017 阅读 · 5 评论 -
VUE 与后端交互项目总结
一 初始化等准备项1.1 App.vue 整体的样式可以在这个文件的 <style>这里修改<template> <div id="app"> <router-view/> </div></template><script>export default { name: 'App'}</script><style>#app ...原创 2020-10-29 11:54:04 · 1139 阅读 · 0 评论 -
VUE-ElementUI 自定义Loading图
需求: element ui loading图只能使用自己的loading图, 但很多场景下,需要替换成自己的gif图 虽然文档中有些, element-loading-spinner="el-icon-loading" 可指定自定义图 但经测试,也只是只能再elementui图标库中的图,不是我们想的那个自定义图类的意思。自定义图方法:1)添加自定义elementUI loading样式 as...原创 2020-10-13 11:50:07 · 11344 阅读 · 5 评论 -
谷歌浏览器 VUE 不能 加断点调试 解决方法
谷歌浏览器可以断点调试JS函数方法如下:F12,进入浏览器调试页面点击sources找到要调试的JS正常情况下,点击数字行就可以设置断点了但是我的死活点击没反应,这时候可以尝试格式化下代码如果还不能加断点,就如我一样,还是不能加断点那只能再源码中,加debugger手动从源码中断点了 GetPrice(nIndex){ debugger; if(nIndex>...原创 2020-09-24 11:29:16 · 6138 阅读 · 1 评论 -
VUE -element UI 学习整理 一 布局
https://element.eleme.cn/#/zh-CN/component/layout通过基础的 24 分栏,迅速简便地创建布局。一 基础布局通过 row 和 col 组件,并通过 col 组件的span属性我们就可以自由地组合布局。1)均分 <el-row > <el-col :span="24"> <div class="grid-content bg-pu...原创 2020-06-29 14:03:17 · 1415 阅读 · 0 评论 -
VUE -element UI 学习整理 一 引入
一 入口1 默认index.html 主页,项目入口<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>gudianxiaoshuo</title> </he...原创 2020-06-29 13:02:00 · 338 阅读 · 0 评论 -
npm run dev失败
问题前端最近任务多,没时间调试CEF上的网页,只好自己搭建VUE本地环境调试但 在项目目录下 npm run dev时,出现如下错误'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序或批处理文件。解决我是通过下面的方法,糊里糊涂的解决了首先,http://nodejs.cn/下载最新版的node,老版本打开已有...原创 2020-04-09 19:04:57 · 1591 阅读 · 0 评论 -
谷歌浏览器 跨域测试问题 解决ajax接口测试
首先,新建一个谷歌用户账号,并创建该账号快捷方式用以测试然后,在快捷方式属性,目标中,输入:--args --disable-web-security --user-data-dir=D:\temp其中,temp为新建的目录,存放浏览器相关信息打开浏览器,如果出现就可以了, 这样就能进行跨域访问了VUE ajax 跨域调用示例<templat...原创 2019-10-15 15:08:00 · 993 阅读 · 0 评论 -
VUE 学习六 发送带参数请求
排查一开始,使用data: { qid: 111, courseId: 110 act: get_hand }传递参数,但是这样并不成功, ...原创 2019-08-23 10:42:55 · 2431 阅读 · 1 评论 -
VUE 学习 三 打包
假设 VUE项目路径D:\biancheng\VUE\myVueLearnCMD 选择C:\Users\pc>cd D:\biancheng\VUE\myVueLearn\运行 npm run build打包打包后,会生成一个打开index后,发现是空白index源码原因:路径配置...原创 2019-08-21 10:45:34 · 116 阅读 · 0 评论 -
VUE 学习二 模板
前提基础知识,可以参考这篇文章,讲的很好https://cloud.tencent.com/developer/article/1020337?fromSource=waitui取消烦人的缩进要求参考这篇文章https://blog.csdn.net/qq_36888550/article/details/79815195模板学习,主要参照菜鸟教程第一部...原创 2019-08-19 11:25:52 · 161 阅读 · 0 评论 -
VUE 学习一 PHPSTORM 搭建VUE项目
主要参考了这篇文章https://blog.csdn.net/weixin_40760196/article/details/79952652https://blog.csdn.net/qq_35393869/article/details/83789761需要注意的是,1、node.js要安装最新版,一开始安装的版本很低,导致后面失败,所以要安装最新版的node.j...原创 2019-08-15 14:32:40 · 5924 阅读 · 1 评论 -
VUE 学习8 项目中局部使用VUE 调试运行
前端项目中,局部使用了VUE,怎么调试运行呢?1) 首先,CMD进入到这个目录运行npm i,安装依赖项2)项目使用了代理,在此目录下新建.env文件输入 ,当然改成自己的XXX_PROXY_SERVER = https://xd.xxx.com:8998XXX_PROXY_SERVER_API = https://org-xd.xxx.com:8...原创 2019-09-10 15:02:25 · 209 阅读 · 0 评论 -
CEF vue 交互
注本文使用网易云信duilib中的CEF一 普通的网页交互方式:1 调用JS函数1) 首先,这个JS函数,是有一定规则的,是按与c++端商量好的规则书写 <script language="JavaScript"> (() => { /* * 注册一个回调函数,用于在 ...原创 2019-09-09 18:34:13 · 2957 阅读 · 6 评论 -
VUE 学习 7 CEF 加载VUE
将打包后的 disk文件包拷贝到 cef相关目录下因为涉及到本地网页调用服务器接口的跨域问题,所以,取消掉CEF安全属性// CefApp methods.void ClientApp::OnBeforeCommandLineProcessing(const CefString& process_type, CefRefPtr<CefCommandLine&...原创 2019-08-26 17:43:20 · 1612 阅读 · 0 评论 -
VUE 学习 五 引入SCSS
1需要安装node-sass、sass-loader、style-loadernpm install node-sass sass-loader style-loader 安装sass-resources-loadernpm install -D sass-resources-loader2 VUE中引入<style scoped lang="scs...原创 2019-08-22 18:31:05 · 168 阅读 · 0 评论 -
VUE 学习 四 安装ElementUI bootstrap axios
安装ElementUI一开始使用webstorm安装的,结果安装后,提示找不到main.js加入elementimport Vue from 'vue'import App from './App'import router from './router'import ElementUI from 'element-ui'import 'element-ui/lib/...原创 2019-08-21 18:04:13 · 428 阅读 · 0 评论