×

npm

如何搭建vue开发环境(vue的开发环境搭建)

wmwlgzs wmwlgzs 发表于2024-05-12 浏览5997 评论0
如何搭建vue开发环境 (一) 安装node (二) 安装npm镜像 (三) 安装全局vue-cli脚手架 (四) 创建新项目 (五) 安装项目依赖 (六) 系统运行 前言 本文章主要介绍vue开发工具、环境搭建、系统运行等内容。为新手提供一个学习资料,为新手指点迷津,vue开发环境只需要六步,下面详细讲解一下具体操作步骤。 (一) 安装node 前端开发框架和环境都需要 Node.js ,先安装node.js开发环境,下载地址: https://nodejs.org/

JavaScript教程

vue3 | HighCharts实战自定义封装之径向条形图

dede58织梦模板 dede58织梦模板 发表于2024-05-12 浏览5114 评论0
1.前言 目前正在做vue3的数据可视化项目,vue3的组合式api写法十分方便,可以有各种玩法,有兴趣的同学可以看我个人主页的其他文章。难点是在网上找了一圈的有关径向条形图的示例都没有好的解决方案,决心亲自下手,在其中有一些试错,所以总结出来了一套方法,如何引入Highcharts,以及如何从0开始使用径向条形图,知识点包括: vue引入和配置Highcharts 封装径向条形图的组件:RadialBar.vue,使用数据驱动页面 径向条形图上的点击事件,获取参数,调用接口进行详情

ecmascript

Vue2.0 安装步骤记录(vue3.0安装教程)

讨人嫌、 讨人嫌、 发表于2024-05-12 浏览7231 评论0
开始上手的第一步就是安装,虽然工作电脑已经尝试过,但是自己的私人电脑还没有,所以今天试着安装一下。 顺序是:node.js vue  创建  目录 一、node.js安装和配置 1.安装前,先看看自己电脑上有没有node.js 2.官网下载 3.配置环境 4.版本切换(可跳过) 5.npm安装淘宝镜像(可跳过) 二、Vue和脚手架安装 1.安装vue.js 2.安装webpack模板 3.安装vue-router 三、创建项目 1.命令创建项目 2.新手推荐 3

JavaScript教程

Vue路由(vue路由跳转方式)

dede58织梦模板 dede58织梦模板 发表于2024-05-12 浏览9073 评论0
  目录   一、路由的概念  二、事前准备 三、 路由的相关知识点 3.1 路由的基本认识 3.2  路由小案例 3.3  路由模式的切换 3.4  指定路由的渲染位置 3.5  声明式导航 3.5.1  无参模式 3.5.2  传参模式 3.5.3  $route 与$router的区别 3.6  编程式导航 3.6.1  第一种get方式  3.6.2  第二种get方式  3.6.3  post传参方式 3.6.4  常见BUG 3.7  路由重定向

spring boot

SpringBoot+Vue开发的一款聊天机器人,带图详细流程可提供源码

修无生 修无生 发表于2024-05-12 浏览5525 评论0
目录 一、环境搭建 (1)JDK下载 (2)JDK安装    (3)配置环境变量 (4)测试配置   二、部署项目 三、源码福利  大家好呀!我是爷爷的茶七里香,不知道有没有小伙伴和我一样喜欢听周董的歌呢?今天是五一假期最后一天了,小伙伴们都去哪玩了呢?我趁五一还有两天时间,便动手开发了这个带有聊天页面的机器人,效果如下:   有没有心动呀?想体验下吗?哈哈~ 我已经将项目打包好了,接下来我将教大家如何搭建环境并部署到自己的电脑上体验体验!!!

JavaScript教程

vue实战--vue+elementUI实现多文件上传+预览(word/PDF/图片/docx/doc/xlxs/txt)

dede58织梦模板 dede58织梦模板 发表于2024-05-12 浏览10702 评论0
需求     最近在做vue2.0+element UI的项目中遇到了一个需求:需求是多个文件上传的同时实现文件的在线预览功能。需求图如下:     看到这个需求的时候,小栗脑袋一炸。并不知道该如何下手,之前的实践项目中也并没有遇到相似的功能。因此也废了一番功夫想要实现这样一个功能。     首先先查看elemnt UI的官方文档发现,大部分的实现文件上传效果的功能,即使可以提供预览的功能,但是不能指定该功能的样式和内容有一定的局限性     然后小栗查找“多文件上传预览、PDF预览、wo

JavaScript教程

Vue3中Vuex的使用(vue3 使用vuex)

dede58织梦模板 dede58织梦模板 发表于2024-05-12 浏览24355 评论0
Vuex是做什么的? Vue官方:状态管理工具 状态管理是什么? 需要在多个组件中共享的状态、且是响应式的、一个变,全都改变。 例如一些全局要用的的状态信息:用户登录状态、用户名称、地理位置信息、购物车中商品、等等 这时候我们就需要这么一个工具来进行全局的状态管理,Vuex就是这样的一个工具。 单页面的状态管理 View–>Actions—>State 视图层(view)触发操作(action)更改状态(state)响应回视图层(view) vuex(Vue3.2

tomcat

宝塔面板+阿里云部署springboot+vue项目

renhai renhai 发表于2024-05-12 浏览4983 评论0
码了一个多月的vue+springboot前后端分离项目基本上完工了,今天上线,详细记录了一下自己的部署过程,顺便记录一下遇到的坑。 云服务器配置连接 在阿里云购买完服务器后,找到管理台中的实例 查看云服务器详情信息 有两个地址,一个是公网,一个是内网,我们部署项目用的公网。 刚购买完如果没有设置密码的,需要设置密码。 点击重置实例密码即可设置密码。 然后我们需要使用xshell进行链接。 点击文件,新建会话 主机名填写你的外网地址,端口号正常都是22,如果有学校的服务器,会进行映

typescript

TypeScript + vue3.0项目实战中遇到的问题及解决方案

清风 清风 发表于2024-05-12 浏览5070 评论0
理想必须要人们去实现它,它不但需要决心和勇敢而且需要知识。——吴玉章 系列文章目录  第一章  论vue3.0和vue2.0区别之编程方式及例子详解 第二章 同一台电脑 实现 vue-cli2和vue-cli3同时并存 及 常见命令 第三章 vue3.0项目实战 - ElementUI框架版 第四章 TypeScript + vue3.0项目实战中遇到的问题及解决方案 第五章 vue3.0项目实战系列文章 - 登录页面 目录 系列文章目录 一、关于对TypeScri

vue.js

在vue中使用ant-design-vue组件

两碗 两碗 发表于2024-05-12 浏览22672 评论0
在vue中使用ant-design-vue组件 官方地址:Ant Design Vue 1. 安装 首先使用vue-cli创建项目,然后进入项目,使用npm安装ant-design-vue库: npm i --save ant-design-vue@next 然后在package.json文件中的dependencies中看见刚刚下载的库: 2. 引入组件库 然后在main.js中引入,注意要按照顺序: # 引入组件库 import ant from 'ant

html5

webview Android和vue.js的交互(android webview与js交互方式)

无理 无理 发表于2024-05-12 浏览6763 评论0
介绍 本文将实现HTML - JS - Java来完成HTML5端与Android手机间的互访!并实现方法的传参和返回值的获取。 代码 交互方式 js调用Android方法 通过WebView的addJavascriptInterface()进行对象映射; 通过 WebViewClient 的shouldOverrideUrlLoading ()方法回调拦截 url; 通过 WebChromeClient 的onJsAlert()、onJsConfirm()、onJ