JavaWeb开发02 - js+vue

最新推荐文章于 2024-09-11 15:33:18 发布
最新推荐文章于 2024-09-11 15:33:18 发布
阅读量1.5k 收藏 26
点赞数 30
文章标签： javascript vue.js 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gjw3037109961/article/details/142105159
版权

什么是JavaScript?

JavaScript(简称:JS) 是一门跨平台、面向对象的脚本语言。是用来控制网页行为的，它能使网页可交互。

JS引入方式

内部脚本:将JS代码定义在HTML页面中

  1. JavaScript代码必须位于<script></script>标签之间
  2. 在HTML文档中，可以在任意地方，放置任意数量的<script>
  3. 一般会把脚本置于<body>元素的底部，可改善显示速度

外部脚本:将JS代码定义在外部JS文件中，然后入到HTML页面中

  1. 外部JS文件中，只包含JS代码，不包含<script>标签
  2. <script>标签不能自闭合

基础语法

js中3种输出语句

api

描述

window.alert()

警告框

document.write()

在HTML 输出内容

console.log()

写入浏览器控制台

变量

js中主要通过如下3个关键字来声明变量的：

关键字

解释

var

早期ES5中用于变量声明的关键字  作用域全局  可重复定义

let

ECMAScript6中新增的用于变量声明的关键字，相比较var，let只在代码块内生效     不可重复定义

const

声明常量的，常量一旦声明，不能修改

声明变量还需要注意如下几点：

  1. JavaScript 是一门弱类型语言，变量可以存放不同类型的值 。
  2. 变量名需要遵循如下规则：
    1. 组成字符可以是任何字母、数字、下划线（_）或美元符号（$）
    2. 数字不能开头
    3. 建议使用驼峰命名

var声明的变量的作用于是全局的  可重复定义

数据类型

数据类型

描述

number

数字（整数、小数、NaN(Not a Number)）

string

字符串，单双引皆可

boolean

布尔。true，false

null

对象为空

undefined

当声明的变量未初始化时，该变量的默认值是 undefined

使用typeof函数可以返回变量的数据类型

<script>

    //原始数据类型

    alert(typeof 3); //number

    alert(typeof 3.14); //number

    alert(typeof "A"); //string

    alert(typeof 'Hello');//string

    alert(typeof true); //boolean

    alert(typeof false);//boolean

    alert(typeof null); //object

    var a ;

    alert(typeof a); //undefined

   

</script>

运算符

运算规则

运算符

算术运算符

+ , - , * , / , % , ++ , --

赋值运算符

= , += , -= , *= , /= , %=

比较运算符

> , < , >= , <= , != , == , ===   注意     == 会进行类型转换，=== 不会进行类型转换

逻辑运算符

&& , || , !

三元运算符

条件表达式 ? true_value: false_value

  1.  ==：只比较值是否相等，不区分数据类型，哪怕类型不一致，==也会自动转换类型进行值得比较
  2. ===：不光比较值，还要比较类型，如果类型不一致，直接返回false

类型转换

js中可以通过parseInt()函数来进行将其他类型转换成数值类型。注释之前的代码，添加代码如下：

// 类型转换 - 其他类型转为数字

alert(parseInt("12")); //12

alert(parseInt("12A45")); //12

alert(parseInt("A45"));//NaN (not a number)

除此之外，在js中，还有非常重要的一点是：0,null,undefined,"",NaN理解成false,反之理解成true。注释掉之前的代码，添加如下代码：

 if(0){ //false

    alert("0 转换为false");

 }//浏览器不会弹出

函数function

function 函数名(参数1,参数2..){

    要执行的代码

}

因为JavaScript是弱数据类型的语言，所以有如下几点需要注意：

  1. 形式参数不需要声明类型，并且JavaScript中不管什么类型都是let或者var去声明，加上也没有意义。
  2. 返回值也不需要声明类型，直接return即可
  3. 函数需要被调用才能执行

 JavaScript对象

Array数组对象

 

 

String 字符串对象

JSON对象

自定义对象

json对象

JSON对象：JavaScript Object Notation，JavaScript对象标记法。是通过JavaScript标记法书写的文本。其格式如下：

{

"key":value,

"key":value,

"key":value

}

key必须使用引号并且是双引号标记，value可以是任意数据类型

BOM对象

BOM的全称是Browser Object Model,翻译过来是浏览器对象模型。

也就是JavaScript将浏览器的各个组成部分封装成了对象。

我们要操作浏览器的部分功能，可以通过操作BOM对象的相关属性或者函数来完成。

BOM中提供了如下5个对象：

对象名称

描述

Window

浏览器窗口对象

Navigator

浏览器对象

Screen

屏幕对象

History

历史记录对象

Location

d地址栏对象

Window对象

window对象提供了获取其他BOM对象的属性：

属性

描述

history

用于获取history对象

location

用于获取location对象

Navigator

用于获取Navigator对象

Screen

用于获取Screen对象

也就是说我们要使用location对象，只需要通过代码window.location或者简写location即可使用

window也提供了一些常用的函数，如下表格所示：

函数

描述

alert()

显示带有一段消息和一个确认按钮的警告框。

comfirm()

显示带有一段消息以及确认按钮和取消按钮的对话框。

setInterval()

按照指定的周期（以毫秒计）来调用函数或计算表达式。

setTimeout()

在指定的毫秒数后调用函数或计算表达式。

Location对象

location是指代浏览器的地址栏对象，对于这个对象，我们常用的是href属性，用于获取或者设置浏览器的地址信息，添加如下代码：

//获取浏览器地址栏信息

alert(location.href);

//设置浏览器地址栏信息

location.href = "https://www.itcast.cn";  //点击确定后，因为我们设置了地址栏信息，所以浏览器跳转到传智首页

DOM对象

DOM：Document Object Model 文档对象模型。

也就是 JavaScript 将 HTML 文档的各个组成部分封装为对象。

  1. Document：整个文档对象
  2. Element：元素对象
  3. Attribute：属性对象
  4. Text：文本对象
  5. Comment：注释对象
获取DOM对象

函数

描述

document.getElementById()

根据id属性值获取，返回单个Element对象

document.getElementsByTagName()

根据标签名称获取，返回Element对象数组

document.getElementsByName()

根据name属性值获取，返回Element对象数组

document.getElementsByClassName()

根据class属性值获取，返回Element对象数组

案例

 

<!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>JS-对象-DOM-案例</title>

</head>

<body>

    <img id="h1" src="img/off.gif">  <br><br>

    <div class="cls">传智教育</div>   <br>

    <div class="cls">黑马程序员</div>  <br>

    <input type="checkbox" name="hobby"> 电影

    <input type="checkbox" name="hobby"> 旅游

    <input type="checkbox" name="hobby"> 游戏

</body>

<script>

    //1. 点亮灯泡 : src 属性值

    var img = document.getElementById('h1');

    img.src = "img/on.gif";

    //2. 将所有div标签的内容后面加上: very good (红色字体) -- <font color='red'></font>

    var divs = document.getElementsByTagName('div');

    for (let i = 0; i < divs.length; i++) {

        const div = divs[i];

        div.innerHTML += "<font color='red'>very good</font>";

    }

    // //3. 使所有的复选框呈现选中状态

    var ins = document.getElementsByName('hobby');

    for (let i = 0; i < ins.length; i++) {

        const check = ins[i];

        check.checked = true;//选中

    }

</script>

</html>

通过div标签对象的innerHTML属性来修改标签的内容

JavaScript事件

什么是事件呢？HTML事件是发生在HTML元素上的 “事情”，例如：

  1. 按钮被点击
  2. 鼠标移到元素上
  3. 输入框失去焦点
  4. ........

事件绑定

方式1：通过html标签中的事件属性进行绑定

例如一个按钮，我们对于按钮可以绑定单机事件，可以借助标签的onclick属性，属性值指向一个函数。

在VS Code中创建名为09. JS-事件-事件绑定.html，添加如下代码：

<input type="button" id="btn1" value="事件绑定1" οnclick="on()">

很明显没有on函数，所以我们需要创建该函数，代码如下：

<script>

    function on(){

        alert("按钮1被点击了...");

    }

</script>

方式2：通过DOM中Element元素的事件属性进行绑定

依据我们学习过得DOM的知识点，我们知道html中的标签被加载成element对象，

所以我们也可以通过element对象的属性来操作标签的属性。此时我们再次添加一个按钮，代码如下：

<input type="button" id="btn2" value="事件绑定2">

我们可以先通过id属性获取按钮对象，然后操作对象的onclick属性来绑定事件，代码如下：

document.getElementById('btn2').onclick = function(){

    alert("按钮1被点击了...");

}

事件绑定的函数，只有在事件被触发时，函数才会被调用。

 常见事件

事件属性名

说明

onclick

鼠标单击事件

onblur

元素失去焦点

onfocus

元素获得焦点

onload

某个页面或图像被完成加载

onsubmit

当表单提交时触发该事件

onmouseover

鼠标被移到某元素之上

onmouseout

鼠标从某元素移开

案例

<!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>JS-事件-案例</title>

</head>

<body>

    <img id="light" src="img/off.gif"> <br>

    <input type="button" value="点亮" οnclick="on()">

    <input type="button"  value="熄灭" οnclick="off()">

   

    <br> <br>

    <input type="text" id="name" value="ITCAST" οnfοcus="lower()" οnblur="upper()">

    <br> <br>

    <input type="checkbox" name="hobby"> 电影

    <input type="checkbox" name="hobby"> 旅游

    <input type="checkbox" name="hobby"> 游戏

    <br>

    <input type="button" value="全选" οnclick="checkAll()">

    <input type="button" value="反选" οnclick="reverse()">

</body>

<script>

    //1. 点击 "点亮" 按钮, 点亮灯泡; 点击 "熄灭" 按钮, 熄灭灯泡; -- onclick

    function on(){

        //a. 获取img元素对象

        var img = document.getElementById("light");

        //b. 设置src属性

        img.src = "img/on.gif";

    }

    function off(){

        //a. 获取img元素对象

        var img = document.getElementById("light");

        //b. 设置src属性

        img.src = "img/off.gif";

    }

    //2. 输入框聚焦后, 展示小写; 输入框离焦后, 展示大写; -- onfocus , onblur

    function lower(){//小写

        //a. 获取输入框元素对象

        var input = document.getElementById("name");

        //b. 将值转为小写

        input.value = input.value.toLowerCase();

    }

    function upper(){//大写

        //a. 获取输入框元素对象

        var input = document.getElementById("name");

        //b. 将值转为大写

        input.value = input.value.toUpperCase();

    }

    //3. 点击 "全选" 按钮使所有的复选框呈现选中状态 ; 点击 "反选" 按钮使所有的复选框呈现取消勾选的状态 ; -- onclick

    function checkAll(){

        //a. 获取所有复选框元素对象

        var hobbys = document.getElementsByName("hobby");

        //b. 设置选中状态

        for (let i = 0; i < hobbys.length; i++) {

            const element = hobbys[i];

            element.checked = true;

        }

    }

   

    function reverse(){

        //a. 获取所有复选框元素对象

        var hobbys = document.getElementsByName("hobby");

        //b. 设置未选中状态

        for (let i = 0; i < hobbys.length; i++) {

            const element = hobbys[i];

            element.checked = false;

        }

    }

</script>

</html>

VUE

快速入门

接下来我们通过一个vue的快速入门案例，来体验一下vue。

第一步：将vue.js文件目录下得vue.js拷贝到js目录

第二步：然后编写<script>标签来引入vue.js文件，代码如下：

<script src="js/vue.js"></script>

第三步：在js代码区域定义vue对象,代码如下：

<script>

    //定义Vue对象

    new Vue({

        el: "#app", //vue接管区域

        data:{

            message: "Hello Vue"

        }

    })

</script>

在创建vue对象时，有几个常用的属性：

  1. el:  用来指定哪儿些标签受 Vue 管理。 该属性取值
  2. #app 中的 app 需要是受管理的标签的id属性值
  3. data: 用来定义数据模型
  4. methods: 用来定义函数。这个我们在后面就会用到

第四步：在html区域编写视图，其中{{}}是插值表达式，用来将vue对象中定义的model展示到页面上的

<body>

    <div id="app">

        <input type="text" v-model="message">

        {{message}}

    </div>

</body>

整体代码如下：

<!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>Vue-快速入门</title>

    <script src="js/vue.js"></script>　//引入vue.js文件

</head>

<body>

​

    <div id="app">

        <input type="text" v-model="message">

        {{message}}

    </div>

​

</body>

<script>

    //2.定义Vue对象

    new Vue({

        el: "#app", //vue接管区域

        data:{

            message: "Hello Vue"

        }

    })

</script>

</html>

Vue指令

指令

作用

v-bind

为HTML标签绑定属性值，如设置  href , css样式等

v-model

在表单元素上创建双向数据绑定

v-on

为HTML标签绑定事件

v-if

条件性的渲染某元素，判定为true时渲染,否则不渲染

v-else

v-else-if

v-show

根据条件展示某元素，区别在于切换的是display属性的值

v-for

列表渲染，遍历容器的元素或者对象的属性

案例

 

<!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>Vue-指令-案例</title>

    <script src="js/vue.js"></script>

</head>

<body>

   

    <div id="app">

       

        <table border="1" cellspacing="0" width="60%">

            <tr>

                <th>编号</th>

                <th>姓名</th>

                <th>年龄</th>

                <th>性别</th>

                <th>成绩</th>

                <th>等级</th>

            </tr>

            <tr align="center" v-for="(user,index) in users">

                <td>{{index + 1}}</td>

                <td>{{user.name}}</td>

                <td>{{user.age}}</td>

                <td>

                    <span v-if="user.gender == 1">男</span>

                    <span v-if="user.gender == 2">女</span>

                </td>

                <td>{{user.score}}</td>

                <td>

                    <span v-if="user.score >= 85">优秀</span>

                    <span v-else-if="user.score >= 60">及格</span>

                    <span style="color: red;" v-else>不及格</span>

                </td>

            </tr>

        </table>

    </div>

</body>

<script>

    new Vue({

        el: "#app",

        data: {

            users: [{

                name: "Tom",

                age: 20,

                gender: 1,

                score: 78

            },{

                name: "Rose",

                age: 18,

                gender: 2,

                score: 86

            },{

                name: "Jerry",

                age: 26,

                gender: 1,

                score: 90

            },{

                name: "Tony",

                age: 30,

                gender: 1,

                score: 52

            }]

        },

        methods: {

           

        },

    })

</script>

</html>

生命周期

vue的生命周期：指的是vue对象从创建到销毁的过程。vue的生命周期包含8个阶段：

每触发一个生命周期事件，会自动执行一个生命周期方法，这些生命周期方法也被称为钩子方法。

状态

阶段周期

beforeCreate

创建前

created

创建后

beforeMount

挂载前

mounted

挂载完成

beforeUpdate

更新前

updated

更新后

beforeDestroy

销毁前

destroyed

销毁后

mounted：挂载完成，Vue初始化成功，HTML页面渲染成功。一般用于页面初始化自动的ajax请求后台数据

<script>

    new Vue({

        el:"#app",

        data:{

 

        },

        methods:{

 

        }, 

        mounted(){

            alert("vue挂载完成，发送请求到服务端")

        }

            

    })

</script>

CV大法好
关注
javaWeb项目-ssm+vue个人博客网站管理系统功能介绍
weixin_42874480的博客
06-12 1767
Spring框架继承了JavaEE和EJB框架的优点，在依赖注入方面去掉了臃肿的配置，在面向切面方面也简化了代码数量，提高了代码品质。SSM框架不是一个框架的名称，而是三个框架的首字母缩写，分别是Spring框架、SpringMVC框架、MyBatis框架。本系统开发使用的数据库是MySQL数据库，MySQL数据库运行速度快、安全性高，对使用的平台没有任何的限制，因而被广泛应运到系统的开发中。管理员设置相册的分类，维护相册分类信息，包括修改，查询，删除。用户评论本页面的相册，查看相册的内容。
javaWeb项目-ssm+vue在线购物系统功能介绍
weixin_42874480的博客
06-14 1244
本系统开发使用的数据库是MySQL数据库，MySQL数据库运行速度快、安全性高，对使用的平台没有任何的限制，因而被广泛应运到系统的开发中。用户管理：通过列表可以获取用户账号、用户姓名、密码、性别、联系电话、电子邮箱、余额等信息，进行修改或删除操作，如图。主页、个人中心、用户管理、商品分类管理、商品信息管理、系统管理、订单管理等功能模块进行相对应操作。、商品名称、商品图片、购买数量、价格。
javaWeb项目-ssm+vue中国风音乐推介网站功能介绍
weixin_42874480的博客
06-13 956
歌曲信息管理，管理员通过歌曲信息管理可以在线查看歌名、类型、乐器类型、歌手、专辑、封面、歌词、发布时间、试听、时间、操作等信息，进行查看或添加、修改、删除操作，如图。用户通过点击歌曲信息可以进行查看歌名、类型、乐器类型、歌手、专辑、封面、歌词、发布时间、试听、时间等信息，进行查看等操作，如图。、我的、客服等功能模块，进行相对应操作，通过个人中心进行查看个人信息、信息修改，删除进行查看操作，如图。名称、歌手、作词、作曲、封面、视频、简术、发表日期、操作等信息，进行查看或添加、修改、删除操作，如图。
javaWeb项目-ssm+vue企业台账管理平台功能介绍
weixin_42874480的博客
06-20 1138
Tomcat 虽然是Apache的扩展，但是它们都是可以独立运行的，二者是不互相干扰的。当配置正确的时候，Apache服务器为HTML页面的运行提供技术支持，Tomcat 的任务则是运行Servle和java 页面。Tomca也具有一定的HTML页面处理功能。Tomcat属于一种轻型的服务器，所以说在中小企业中并不具有普适性。但是当程序员需要开发或调试java 程序时，则通常会将该服务器作为首选。
javaWeb项目-ssm+vue后勤管理系统功能介绍
weixin_42874480的博客
06-13 1015
管理员对订单管理进行查看订单编号、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、支付类型、状态、地址等信息并可以进行详情、删除、修改操作。管理员对公寓信息管理进行查看公寓编号、公寓名称、公寓户型、图片、公寓设施、位置、面积、发布时间、积分等进行详情、删除、修改操作。进行查看工号、姓名、性别、年龄、手机、身份证、图片、积分等信息并可以进行详情、删除、修改操作。员工进入个人中心可以填写工号、密码、姓名、性别、年龄、手机、身份证、图片、积分。
javaWeb项目-ssm+vue高校共享单车管理系统功能介绍
weixin_42874480的博客
06-12 1057
针对于传统的SSH框架的臃肿，配置繁琐，不管是开发还是二次开发都会造成时间上大量的浪费，并且学习上面也不能有效衔接，需要去适应框架的各种设计，而框架设计比较死板，容易出错。基本类和包装类从根本的定义上，都有很明显的区分，计算机运行也会有很明显的差别，如果用错了会编译错误还会影响运行效果的，Java的各种优点只需要按部就班的学习使用即可。本系统开发使用的数据库是MySQL数据库，MySQL数据库运行速度快、安全性高，对使用的平台没有任何的限制，因而被广泛应运到系统的开发中。前端：Vue、ElementUI。
javaWeb项目-ssm+vue医院住院信息管理系统功能介绍
weixin_42874480的博客
06-11 1260
现代社会中，使用Java语言做动态网页是最常用的，主要是Java比较简单易懂，用户掌握的web 服务器编写脚本。Java语言技术在编程技术中具有一定的安全性和跨平台性功能，并且它可以直接支持分布式的网络应用和效率。在Java语言技术当中它的功能是方便简单的。
JavaWeb开发-02-JavaScript-Vue
wangjh11234的博客
05-24 121
JavaWeb开发-02-JavaScript-Vue
javaWeb项目-ssm+vue学生成绩管理系统功能介绍
weixin_42874480的博客
06-11 1132
ssm是一个轻量级的可定制框架，使用java语言编写，较其他同类型框架更为灵活、轻便、安全且容易上手。它可以很好地结合MVC模式进行开发，开发人员分工合作，小型团队在短时间内就可以完成功能丰富的中小型网站或Web服务的实现。另外，ssm还有很强的定制性，学生可以根据自己的需求来添加相应的功能，在保持核心功能简单的同时实现功能的丰富与扩展，其强大的插件库可以让学生实现个性化的网站定制，开发出功能强大的网站。
javaWeb-springboot+mybatis+materializecss 图书销售系统
05-17
该项目利用了基于springboot + vue + mysql的开发模式框架实现的课设系统，包括了项目的源码资源、sql文件、相关指引文档等等。 【项目资源】：包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理...
毕业设计javassm基于JavaWeb贫困认定管理平台+vue源码含文档含教程
07-14
毕业设计javassm基于JavaWeb贫困认定管理平台+vue源码含文档含教程 后台是ssm框架，后台的页面是vue，前端页面是html，数据库mysql，jdk1.8，开发工具用ecplise、myecplise、sts、idea都可以 这次开发的贫困认定管理...
毕业设计javassm基于JavaWeb的医疗系统实现+vue源码含文档含教程
07-14
毕业设计javassm基于JavaWeb的医疗系统实现+vue源码含文档含教程 后台是ssm框架，后台的页面是vue，前端页面是html，数据库mysql，jdk1.8，开发工具用ecplise、myecplise、sts、idea都可以 医疗系统 用户信息管 用户...
毕业设计javassm基于Javaweb的住院管理系统+vue源码含文档含教程
07-14
毕业设计javassm基于Javaweb的住院管理系统+vue源码含文档含教程 后台是ssm框架，后台的页面是vue，前端页面是html，数据库mysql，jdk1.8，开发工具用ecplise、myecplise、sts、idea都可以 用户信息管理 用户信息...
305-基于springboot+vue的相册智能管理系统（源码+数据库）
06-07
相册智能管理系统，基于springboot+vue开发的前后端项目，使用阿里云OSS存储进行照片的存储，使用阿里云图片标签智能识别进行归类，主要功能有 1.用户登录注册 2.邮箱验证码验证 3.个人资料设置 4.图片上传 5，相册...
软件著作权申请教程（超详细）（2024新版）软著申请
m0_75269526的博客
09-09 2594
软件著作权，软著，软著申请，软用户使用手册：提交登记软件的任何一种文档的连续的前30页和连续的后30页，每页不少于30行。如果是多人合作开发著作权人不是一个人的话，还需要准备一份合作开发协议。首先我们需要在官网里面注册一个账号，并且完成实名认证，一般是注册【个人】的身份。合作开发协议书：这个如果是著作权人有多个（多个人一起开发）就需要提供这个材料。在填报完成之后需要打印一个签章页签字（如果不是个人需要盖章）注册完成后点击下面进行登记，如果没有实名需要先实名认证（源代码：源程序前连续的30页和后连续的30页。
js中【Worker】相关知识点详细解读
最新发布
2301_79858914的博客
09-11 561
JavaScript 中的 Worker 是一个可以在后台线程中运行代码的 API，这样可以避免主线程（通常是 UI 线程）被阻塞。使用 Worker 时，JavaScript 可以在多线程环境中工作，解决了单线程的瓶颈问题。通常情况下，JavaScript 是单线程的，也就是所有的代码（包括 DOM 操作和事件处理等）都在同一个线程里执行。如果某段代码需要大量计算，或者运行时间过长，会阻塞整个页面，导致界面卡顿甚至崩溃。Worker提供了一种将复杂或耗时的任务分配到后台线程执行的方法。
Module “console“ has been externalized for browser compatibility.
Alvin的博客
09-07 297
在 Vue 3.5.3 中使用 Vite 作为构建工具时，如果你尝试直接从。模块外部化了，这意味着它不会在客户端环境中暴露。去除导入 error 函数的代码。函数，会遇到一个错误，提示。这是因为 Vite 默认将。Vue 3.5.3 中。
echarts.js+china.js实现中国地图各省数据案例
qq_58258855的博客
09-11 365
实现中国地图各省数据案例
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值