Java小白学习指南【day50】---谁说后端不能写VUE（一）

最新推荐文章于 2024-06-18 17:21:06 发布
最新推荐文章于 2024-06-18 17:21:06 发布
阅读量208 收藏
点赞数
分类专栏： 学习 文章标签： vue java html javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/WLK0423/article/details/114305829
版权

一、ES6基础语法

1、什么是ES6

全称： ECMAScript

  • 是浏览器脚本语言的规范，可以狭义理解是javascript的规范
  • ES6就是现在最新的JS语法

2、常用语法

①、声明变量let和声明常量const

曾经声明变量使用的是var，原来的声明更为随意，语法不是很严谨，使用let后更接近Java的变量声明习惯

  • 作用域更加明确，只有在代码块中使用
  • 不能重复声明
<script>
    for(var i = 0;i<5;i++){

    }
    /*这里传统方式可以获取到i*/
    console.debug(i);
    for(let j = 0;j<5;j++){

    }
    /*这里获取不到j，会报错*/
    console.debug(j);
</script>
1607133553865

const类似于Java中的static修饰

  • 常量不能做修改
    const k = 66;
    k = 88;
1607133750875

②、解构表达式

ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。

<script>
        /*1、解构变量赋值*/
        //曾经变量赋值
        let a1 = "小张1";
        let a2 = "小张2";
        let a3 = "小张3";
        console.debug(a1,a2,a3);
        //使用解构方式
        let [b1,b2,b3] = ["狗蛋1","狗蛋2","狗蛋3"]
        console.debug(b1,b2,b3);

        /*2、对象解构*/
        let user = {name:"张飞",age:11};
        //名称要对应
        let {name,age} = user;
        console.debug(name,age);
</script>

③、箭头函数

相当于Java中的lambda表达式

    <script>
        /*1、函数的新写法*/
        let say = (name)=>{
            console.debug("我的名字叫"+name)
        }
        say("曹操");

        /*2、对象中添加相应的参数*/
        let user = {
            //使用箭头函数
            take1:()=>{
                console.debug("你叫什么");
            },
            //箭头函数进一步精简
            take2(msg){
                console.debug("我叫"+msg);
            }
        };
        user.take1();
        user.take2("关羽");

        /*解构于箭头函数的综合使用*/
        //定义一个对象
        let person = {name:"刘备",age:18};
        //传统方式
        function hello(par) {
            console.debug(par.name,par.age);
        }
        hello(person);
        //解构及箭头函数
        let hi = ({name,age})=>{//参数名要与对象属性名相对应
            console.debug(name,age);
        };
        hi(person);
    </script>

④、Promise：更强大的异步编程

注:以后会使用axios(更加的简单啦)，它是对Promise的底层的封装，大家可以先理解为就是原生Ajax与JQuery封装后的区别

  • 异步编程的解决方案(比传统的解决方案更加强大)
  • Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件
  • 我们可以在Promise中封装一个异步请求的结果
<script>
    /*创建一个异步对象，这里的参数是两个函数*/
    let promise = new Promise((resolve, reject)=>{
        //使用方法调用，延迟1000模拟从数据库返回数据的事件
        setTimeout(()=>{
            let num = Math.random();//模拟成功失败
            if (num>0.5){
                resolve("我要起飞");//成功是后执行的函数
            }else{
                reject("就不回去");//失败的时候执行函数
            }
        },1000)
    });
    /*这里定义的是上面对象对应的函数运行后执行的*/
    promise.then((successed)=>{//成功resolve()执行的函数
        console.debug("恭喜你，告诉我你要干嘛："+successed);
    }).catch((failed)=>{//失败reject()后执行的代码
        console.debug("回去吧孩子----"+failed);
    })
</script>

⑤、模块化方法

简单的理解就是将代码拆分，提高代码的复用性（就像Java中的一类引入了另外一个类）；所以模块化其实是一种思想，前端有很多能够实现这种思想

  • commonJs:nodeJS中的实现方案
  • amd/cmd:可以在浏览器中直接实现
  • ES6：可以在浏览器中直接实现
    • export命令用于规定模块的对外接口
    • import命令用于导入其他模块提供的功能

导出多个值

导入数据需要注意：

  • ./代表当级目录
  • 导入时的文件后缀.js可以省略
  • 导入时候的名称必须与导出的名称/常量名保持一致

a.js

//导入数据
import {cat,dog,name} from "./b"
//调用进行测试
console.debug(name);
cat.say();
dog.hello("曹操");

b.js

let cat = {
    say(){
        console.debug("我是谁?");
    }
}
//有参
const dog = {
    hello(msg){
        console.debug("我在哪?"+msg);
    }
}
//常量导出
const name = "张飞";
//导出数据
export {cat,dog,name};

导出默认值

  • 默认值的话导入功能的名称可以自己随便取

c.js

//默认值的话导入功能的名称可以自己随便取
import {heihei} from "./d"
heihei.hi();

d.js

//导出默认值
export default {
    hi(){
        console.debug("默认")
    }
}

二、前端发展和npm安装

1、前端的发展

①、前端发展的图例

img

②、Node.js概念介绍

  • 前端课开发后端的工具（仅限于微小型应用，受限于并发和线程问题）

  • 采用异步风格，广受人们喜爱

  • NPM最为Node.js

    • NPM相当于后端的Maven
    • NPM是Node提供的模块管理工具，可以下载安装前端框架
名称特点
Vue.js轻量易用，当前最火，发展速度快
React.js混合式开发(集Web开发与APP于一身)
AngularJS曾今的老大

③、MVVM认识

  • M：即Model，模型，包括数据和一些基本操作
  • V：即View，视图，页面渲染结果
  • VM：即View-Model，模型与视图间的双向操作（无需开发人员干涉）

img

在MVVM之前，开发人员从后端获取需要的数据模型，然后要通过DOM操作Model渲染到View中。而后当用户操作视图，我们还需要通过DOM获取View中的数据，然后同步到Model中。而MVVM中的VM要做的事情就是把DOM操作完全封装起来，开发人员不用再关心Model和View之间是如何互相影响的：

  • 只要我们Model发生了改变，View上自然就会表现出来。
  • 当用户修改了View，Model中的数据也会跟着改变。

概括的说，现在视图和数据会动态一致，类似于中间有一个监听

2、Nodejs和Npm安装

node自带npm（安装了node也就有npm了）（npm------牛皮吗）

安装

①、官方网站查找下载 ：Download | Node.js

②、选组对应的版本进行下载安装，傻瓜式安装

③、安装后进行测试，在DOS窗口下：

  • 输入命令node -v：查看node版本
  • 输入命令npm -v：查看npm版本
  • 上述两步都成功后，可以执行npm install npm@latest -g（这里-g代表全局）升级npm版本

在IDEA中安装NPM

注:JAVA程序员一般使用IDEA做开发,所以我们直接在IDEA中安装NPM支持插件

image-20201205162619576

安装后重启ider

进行测试，在下方的输入之前测试的命令即可

image-20201205162736598

使用NPM

首先要清楚既然npm类似于maven，呢么maven中我们有pom.xml,而在npm中我们有package.json

①、初始化指令

  • npm init -> 初始化，会在项目中创建一个package.json文件 (相当于建了一个maven的pom.xml文件)
  • npm init -y -> 初始化(跳转确定信息，推荐这种)
image-20201205163223423

②、安装命令及其他命令

  • 全局安装(所有项目都能用)
    • npm install -g vue
    • npm -g root 安装路径
  • 局部安装(当前项目可以使用) -> 建议使用这种
    • npm install/i vue

其他指令：

  • 查看某个模块：npm list vue
  • 列表模块(查看所有模块)：npm ls
  • 卸载模块：npm uninstall vue
  • 更新模块：npm update vue
  • 运行工程：npm run dev/test/online -> 平时运行使用(需要配置,现在无法执行)
  • 编译工程：npm run build -> 上线时需要进行编译(编译完扔到服务器中运行)

③、切换镜像

在maven中我们有中央仓库和阿里镜像仓库，这里类似，我们切换到淘宝镜像仓库

  • 全局安装nrm: npm install nrm -g
  • 查看镜像源 npm ls
  • 切换淘宝镜像源 npm use taobao

切换后如下

image-20201205163918387

三、Vue入门

1、Vue基本概念

①、什么是Vue

官网解释：Vue是一套用于构建用户界面的渐进式框架

  • 渐进式：简单说就是可以先学习核心，然后一步一步再慢慢进行学习
  • Vue只关心视图层，通过新的属性（自定义）和{{表达式}}扩展了 HTML。
  • Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。
  • 总之就是Vue简单易学

②、Vue特点

轻量化、指令化、插件化、组件化、数据绑定

③、Vue历史

Vue诞生于2014年，是由前Google 的员工尤雨溪（中国人）， 在2016年9月宣布以技术顾问的身份加盟阿里巴巴。其他框架的对比对比其他框架 — Vue.js

2、Hello Vue

①、引入Vue的js文件

②、准备挂载元素（类似告诉Vue我要操作哪个元素）

③、创建js完成挂载

<head>
    <meta charset="UTF-8">
    <title>Hello Vue</title>
    <!--第一步：引入Vue的js文件，注意这里一定要使用完整的标签格式-->
    <!--<script type="text/javascript" src="node_modules/vue/dist/vue.min.js"/>会失败-->
    <script type="text/javascript" src="node_modules/vue/dist/vue.min.js"></script>
</head>
<body>
    <!--第二步：准备挂载元素于vue发生关系-->
    <div id="app">{{msg}}</div>
    <!--第三步：准备Vue完成代码-->
    <script>
        new Vue({
            el:"#app",
            data:{
                msg:"你好Vue！"
            }
        })
    </script>
</body>

3、Vue三大属性

①、el：指定挂载元素

  • el是指定挂载的节点
  • 选择挂载元素可以使用id选择器（推荐）、class选择器、标签选择器，但是不管使用哪一种都只能挂载一个
  • 只有挂载成功的元素才能使用Vue的功能

②、data：数据属性

是指准备好的数据，可以再表达式中获取/直接再js中获取/设置

<div id="app">
        <!--可以在表达式中获取-->
        {{msg}}<br/>
        {{user.age}}<br/>
        {{ids[0]}}-----{{ids}}
    </div>
    <script>
        let vue = new Vue({
            el:"#app",
            data:{
                msg:"你好Vue！",
                user:{
                    name:"张狗蛋",
                    age:66
                },
                ids:[66,88,99]
            }
        });
        alert("你再看");
        vue.msg = "我变身了"
    </script>

③、methods：方法属性

指的是方法元素：

  • 调用的方法可以直接在js中调用，或者是通过表达式，在挂在元素中使用
  • 可以在方法中通过this获取到data中的数据
<div id="app">
        <!--可以在表达式中获取-->
        {{hello("张大大")}}
    </div>
    <script>
        let vue = new Vue({
            el:"#app",
            data:{
                msg:"你好Vue！",
            },
            methods:{
                hello(name){
                    alert(name+this.msg)
                }
            }
        });
        //也可以在js中进行调用
        vue.hello("狗剩");
    </script>

4、Vue表达式

①、四则混合运算及三目运算

    <div id="app">
        <!--表达式可以直接进行四则运算-->
        {{a}}+{{b}}={{a+b}}<br/>
        {{a}}-{{b}}={{a-b}}<br/>
        {{a}}*{{b}}={{a*b}}<br/>
        {{a}}/{{b}}={{a/b}}<br/>
        <!--三目运算-->
        {{sex?"男":"女"}}
    </div>
    <script>
        let vue = new Vue({
            el:"#app",
            data:{
                a:"10",
                b:"5",
                sex : true
            }
        });
    </script>

②、字符串,对象,数组都可以直接操作

    <div id="app">
        <!--操作字符串-->
        {{msg.length}}<br/>
        {{msg.toUpperCase()}}<br/>
        <!--操作对象-->
        {{user.sex}}<br/>
        <!--操作数组-->
        {{ids[2]}}
    </div>
    <script>
        let vue = new Vue({
            el:"#app",
            data:{
                msg:"abcde",
                ids:[11,22,33],
                user:{
                    id:66,
                    sex:true
                }
            }
        });
    </script>

5、Vue常用指令

指令名称指令作用备注
v-html显示与解析HTML代码
v-text原封不动的展示
v-for遍历与循环功能遍历数字，字符串，对象，数组
v-bind绑定属性简单形式 ：属性名=“值”
v-model双向绑定只支持input,select,textarea
v-show显示与隐藏隐藏只是样式:style=“display=none”
v-if判断v-if/
v-else-if
v-else
v-on绑定事件简写 @事件名=方法名()

①、v-text与v-html:展示文本

两个指令的区别

  • html会去识别与编译咱们的html标签
  • text 会把加上的内容原样输出(不会当作html标签进行识别与编译)
    <div id="app">
        <!--会识别html标签-->
        <div v-html="msg"></div>
        <!--会原样进行显示-->
        <div v-text="msg"></div>
    </div>
    <script>
        let vue = new Vue({
            el:"#app",
            data:{
                msg:"<h1>我是谁！！！</h1>"
            }
        });
    </script>
image-20201205233048583

②、v-if : 判断

    <div id="app">
        <div v-if="age<20">青年是国家栋梁</div>
        <div v-else-if="age>21 && age<60">奋斗吧打工人</div>
        <div v-else>安享晚年</div>
    </div>
    <script>
        let vue = new Vue({
            el:"#app",
            data:{
                age:55
            }
        });
    </script>

③、v-bind : 绑定属性

  • bind主要是用于绑定相应的属性 <标签 v-bind:属性名="属性值">
  • bind有一种简写形式 <标签 :属性名="属性值">
  • 如果直接把整个对象进行属性绑定 <标签 v-bind="对象">
    <div id="app">
        <!--传统方式-->
        <img src="img/idea.jpg" width="20" height="10" title="传统方式" ><br/>
        <!--使用v-bind-->
        <img v-bind:src="img" v-bind:width="width" v-bind:height="height" v-bind:title="title"><br/>
        <!--使用v-bind简写，可以省略v-bind-->
        <img :src="img" :width="width" :height="height" :title="title"><br/>
        <!--使用v-bind绑定对象-->
        <img v-bind="imgnew"><br/>
    </div>
    <script >
        let vue = new Vue({
            el:"#app",
            data:{
                img:"img/idea.jpg",
                width:200,
                height:50,
                title:"v-bind方式",
                imgnew:{
                    src:"img/idea.jpg",
                    width:300,
                    height:150,
                    title:"v-bind对象",
                }
            }
        });
    </script>

④、v-for : 遍历功能

  • 遍历咱们的数据(数字,字符串,对象,集合)

  • 数字就是普通的循环 for(var i=1;i<=数字;i++)

  • 字符串是拿到每一个字母

  • 对象循环 <span v-for="(v,k,i) in 对象"></span>

    • 第一个参数:代表对象的属性值
    • 第二个参数:代表对象的属性名
    • 第三个参数:代表索引

  • 数组循环 <span v-for="(v,i) in 数组"></span>

    • 第一个参数:代表对象的属性值
    • 第二个参数:代表索引
   <div id="app">
        <ul>
            <!--遍历数字-->
            <li v-for="v in num">{{v}}</li><br/>
            <!--遍历字符串-->
            <li v-for="n in name">{{n}}</li><br/>
            <!--遍历对象，其中第一个参数属性值，第二个参数属性名，第三个参数索引-->
            <li v-for="(v,k,i) in user">{{k}}:{{v}}---{{i}}</li><br/>
            <!--遍历数组，其中第一个参数是值，第二个参数是索引-->
            <li v-for="(v,i) in ids">{{i}}:{{v}}</li>
        </ul>
    </div>
    <script>
        let vue = new Vue({
            el:"#app",
            data:{
                num:5,
                name:"zhang",
                user:{
                    name:"王五",
                    age:11
                },
                ids:["鸡","狗","猪"]
            }
        });
    </script>

效果图

image-20201206133929782

⑤、v-on : 事件绑定

  • 事件绑定可以使用<标签 v-on:事件名="方法名">
  • 简写可以使用<标签 @事件名="方法名>
  • 调用的时候可以不写（）
    <div id="app">
        <!--可以省略括号-->
        <button v-on:click="hello">点我试试</button><br/>
        <!--传参的-->
        <button @click="say('张飞')">你在点点这个</button><br/>
        <!--可以直接进行自增-->
        <button @click="age++">{{age}}</button>
    </div>
    <script>
        let vue = new Vue({
            el:"#app",
            data:{
                msg:"琪琪",
                age:33
            },
            methods:{
                hello(){
                    alert("点什么点")
                },
                say(name){
                    alert("你好你的名字是："+name+"今年"+this.age)
                }
            }
        });
    </script>

⑥、v-show : 显示与隐藏

  • v-show用于展示和隐藏 <标签 v-show="true/false">
  • 实际是它只是修改元素的样式 display="block/none"
    <div id="app">
        <!--点击按钮修改属性true/false-->
        <button @click="imglook">点我有惊喜</button>
        <img src="img/idea.jpg" v-show="imgshow">
    </div>
    <script>
        let vue = new Vue({
            el:"#app",
            data:{
                imgshow:true
            },
            methods:{
                imglook(){
                    this.imgshow = !this.imgshow
                }
            }
        });
    </script>

⑦、v-model ：双向绑定（MVVM体现）

  • 主要是用于完成双向的绑定
  • 只能用于:input,select,textarea
    <div id="app">
        名字:
        <input type="text" v-model="inputVal">{{inputVal}}<br/>

        爱好：
        <input type="checkbox" value="1" v-model="checkboxVal">吃饭
        <input type="checkbox" value="2" v-model="checkboxVal">睡觉
        <input type="checkbox" value="3" v-model="checkboxVal">打豆豆
        {{checkboxVal}}<br/>
        性别：
        <input type="radio" value="1" v-model="radioVal">男
        <input type="radio" value="2" v-model="radioVal">女
        <input type="radio" value="3" v-model="radioVal">不知道
        {{radioVal}}<br/>
        <!--下拉框-->
        <select v-model="selectVal">
            <option value="请选择">请选择</option>
            <option value="1">成都</option>
            <option value="2">北京</option>
            <option value="3">郑州</option>
        </select>
        {{selectVal}}<br/>
        <hr/>
        <textarea v-model="textareaVal"></textarea>{{textareaVal}}
    </div>
    <script>
        let vue = new Vue({
            el:"#app",
            data:{
                inputVal:"请填写",
                checkboxVal:["2","3"],
                radioVal:1,
                selectVal:"请选择",
                textareaVal:"请填写相关内容"
            }
        });
    </script>
0423WANG
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-cli 打包使用history模式的后端配置实例
12-11
apache的配置 这是windows下的 在httpd-vhosts.conf文件中把目录指向项目index.html文件所在的位置 # Virtual Hosts # ServerName localhost ... Options Indexes FollowSymLinks AllowOverride All ... Allow from all
一篇文带你使用vue完成一个完整后台
qq_46416934的博客
03-02 6034
介绍 vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现。它使用了最新的前端技术栈，内置了 i18 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。相信不管你的需求是什么，本项目都能帮助到你 vue-element-admin定位是后台集成方案，不适合当基础模板进行二次开发，项目集成了许多用不到的功能，会造成代码沉余 vue-admin-template是一个后台基础模板，建议使
快速生成基于vue-element的后台管理框架，实现短时间二次开发
最新发布
Zwwxd666的博客
06-18 944
创建并暴露该含有基础前缀的js给其他api调用 （该js文件可以在发请求的时候拦截interceptor并加工处理，加token值或加基础服务器ip前缀等。类似于提取公因式）在收到响应时处理根据对应的状态码处理不为20000说明向服务端发送的请求失败。Message提示框响应信息，默认为Error，类型type。和消息显示时间duration 5*1000 5秒500打头的为服务端成功处理但不符合某种条件的状态码，例如登录过期等MessageBox弹框提示登录状态过期。提示用户重新登录。
后端开发学习Vue(一)
bsegebr的博客
03-06 2584
Vue的介绍 官网: https://cn.vuejs.org/ Vue是一个简单容易上手前端框架 例如:下面的代码可以快速构建一个表格: <template> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="日期" width="180"></el-table-column> <el-
vue写后端接口
hhhhs2的博客
04-26 2125
1.分别执行以下代码 npm init -y npm i express npm i nodemon 在pageage.json中吧scripts中的 text改成 “dev”: “nodemon index.js” 这样就可以热启动了 2. //引入 express const express = require("express"); const app = express(); //news.json的路径 const news = require("./json/news.json")
electronic-vue-spring：带有Web前端和Java后端的自以为是的桌面应用程序
01-30
电子Vue弹簧一个带有Web前端和Java后端的专用桌面应用程序。 在某些情况下，您可能希望将Java后端用于Electron桌面应用程序。 原因可能是您有一些旧的Java代码要重用，或者想要在Cloud和桌面上运行相同的代码。 该...
vue-springBoot：简单框架----前端：vue，后端：spring boot
02-20
在 "vue-springBoot-main" 这个项目中，我们可以预期看到的是一个包含 Vue.js 前端和 Spring Boot 后端的简单框架结构。前端部分可能包括 Vue.js 组件、路由配置、Vuex 状态管理以及 Axios 调用来与后端通信。后端...
ruoyi-vue-pro开发指南PDF下载
03-07
ruoyi-vue-pro开发指南PDF下载 包含各种组件开发指南
vue-beautiful-chat：一个简单而美丽的Vue聊天组件，与后端无关，可完全自定义和扩展
02-05
vue-beautiful-chat提供了一个类似于内部通信的聊天窗口，可以轻松将其免费包含在任何项目中。 它不提供消息传递功能，仅提供视图组件。 vue-beautiful-chat正在移植到vue的react-beautiful-chat （可在找到） 前往...
vue编写的一个后台系统
08-25
用vue开发的一个后台系统，实现了网站前后端完全分离。
使用vue实现前后端分离(vue属于单页面应用)spring data jpa
liulang68的博客
09-25 2708
前端只需要独立编写客户端代码，后端也只需要独立编写服务器代码提供数据接口就可以。 前端通过Ajax请求来访问后端的数据接口，将Model展示到View中即可。 前后端开发者只需要提前约定好接口文档(URL,参数，数据类型…),然后分别独立开发即可，前端可以造假数据进行测试，完全不需要依赖于后端，最后完成前后端集成即可，真正实现了前后端应用的解耦合。 前端应用:负责数据展示和用户交互。 后端应用：负责提供数据处理接口。 ...
Vue项目实战 —— 后台管理系统( pc端 )
m0_67391377的博客
05-17 4692
前期回顾 我只写注释 —— 让Ai写代码_的博客-CSDN博客前期回顾 Vue项目实战 —— 哔哩哔哩移动端开发—— 第二篇_的博客-CSDN博客https://blog.csdn.net/m0_57904695/article/details/123881330在vsCode中下载copilot注册账号，官网GitHub Copilot · Your AI pair programmer等待开通 通知…[这里是图片003]https://blog.csdn.net/m0_57904695/article
如何使用Vue从头搭建前端应用 之 “后端视角”
MuErHuoXu的博客
04-27 633
使用Vue从头搭建前后端分离的应用一、搭建基础环境1.1 安装node.js环境1.2 初始化vue前端项目二、vue项目基本配置介绍三、跨域问题解决方案四、其他问题 简介：前后端分离一直是前端、后端同学所期望的方式，当然如果你所在的团队中分工比较明确的话，毕竟解耦不仅是我们程序上的一种追求，工作方式同样如此。那么首先从整体上了解下项目整体情况吧： 后端项目：springboot(2.0+) 前...
Vue实现后台管理系统
ztK63LrD的博客
12-18 6152
Vue路由这篇文章详细介绍了路由的知识；Vue导航这篇文章详细介绍了路由导航的知识。
vue项目调用后端api模板实例
小白的豪豪
07-06 3341
相信有些人后端写完，在postman中也能看到接口正常运行。可转到前端，一脸懵，什么啊这是。 ∴ 我在这参上一脚，在vue项目中，接口很简单。案例（按照 前端不同数据 从 后台固定数据 取值）：...
爬坑日记--------vue如何与后端进行交互
热门推荐
a54464811的博客
10-28 1万+
1、配置config/index.js // see http://vuejs-templates.github.io/webpack for documentation. var path = require('path') module.exports = { build: { env: require('./prod.env'), index: pat
vue-qr的二维码怎么传给后端
06-09
要将 vue-qr 生成的二维码传给后端，可以将二维码转换为图片格式，然后将图片上传到后端。具体的实现可以参考以下步骤： 1. 在 vue 中使用 vue-qr 生成二维码，代码如下： ```vue ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值