原理:开发环境下的跨域:在node.js上实现请求转发,vue前端通过axios请求到node.js上,node.js将请求转发到后端,反之.响应也是,先到node.js上,然后转发vue-cil项目上.需要在根目录下新建文件vue.config.js.vue.config.js: vue.config.js 是一个可选的配置文件，如果项目的 (和 package
转载
2023-09-13 09:48:00
372阅读
这次给大家带来vue.js前后端数据交互步骤详解，vue.js前后端数据交互的注意事项有哪些，下面就是实战案例，一起来看一下。前端小白刚开始做页面的时候，我们的前端页面中经常会用到表单，所以学会提交表单也是一个基本技能，其实用ajax就能实现，但他的原始语法有点。。。额 。。。复杂，所以这里给大家提供一种用vue-resource向后端提交数据。(1)第一步，先在template中写一个表单；提交
转载
2023-09-14 16:09:11
343阅读
Vue.js与SSM前后端基本交互，可以参见我的上一篇博客上一篇博客：点击这里.本文介绍前后端交互传递对象的方法如果前后端交互过程中要传对象，那么上一篇博客可能就不适用了。向后端传对象与传普通字符串/字段的区别：1. 传对象首先要将对象格式转化为JSON格式，即JSON.stringify(_this.user),2. 然后将其直接赋给data，即data: JSON.stringif...
原创
2021-09-02 09:46:39
1323阅读
这段时间研究了 Vue 和 Koa2，想把二者结合起来，Vue 作为前端框架，Koa2 作为后端框架，如何打通前后端的数据通过，需要解决跨域问题，现将其中的一些关键配置记录下来，供大家参考：本篇文章主要内容：· 新建 Vue 前端项目· 新建 Koa2 后端项目· 解决跨域问题，实现前端接收后端发来的数据 教程所用的项目目录名称（名称可以任意）：|-- vue-mall-mo
转载
2023-08-12 22:35:04
126阅读
前端HTML代码：vue写在login.html <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
原创
2021-09-02 09:45:54
263阅读
单个删除功能已经实现了，批量删除弄了很久也没弄好，来试一下。弄了很久终于把批量删除实现了！结果:点击确认后，将看见表中已经少了两条数据。实现的关键是：1.正确传递数据给后端的js语句2.后端接收的方式，为json类型时需要进行解析3.接收到的是一个字符串，可以转为list类型，在sql语句中注意collection的参数要与自定义的类型相匹配4.在dao接口中的参数要与xml中实际传递的参数匹配5.前端设置一个多选框选项数组，每选中一个就把这个加入到数组中。关键代码：js: mul
原创
2023-02-24 17:20:16
513阅读
内容回顾- 过滤器- 局部的过滤器// 只能在当前组件内部使用filters:function(val,a,b){ // 执行过滤处理逻辑,(添油加醋的内容) return xxx;}- 全局的过滤器// 声明+创建 在任何组件中都能使用Vue.filter("myTime",function() { // 添油加醋的处理 return xxxx;...
原创
2021-08-26 12:03:38
222阅读
内容回顾- 过滤器- 局部的过滤器// 只能在当前组件内部使用filters:function(val,a,b){ // 执行过滤处理逻辑,(添油加醋的内容) return xxx;}- 全局的过滤器// 声明+创建 在任何组件中都能使用Vue.filter("myTime",function() { // 添油加醋的处理 return xxxx;...
原创
2021-08-27 13:37:14
210阅读
所有的静态页面布局完成后，最重要的就是数据交互了，简单来说，vue-resource就像jquery里的$.ajax，用来和后台交互数据的。放在created或ready里运行来获取或者更新数据的。不过，vue更新到2.0之后，作者就宣告不再对vue-resource更新，而是推荐的axios（可自行去了解）。但我在项目中用的是vue-resource,下面就来讲一下过程中遇到的问题吧
转载
2023-05-22 17:35:25
36阅读
一、技术概述将后端所计算的数据呈现在前端页面的相应位置并根据用户点击操作改变相应的数据和界面，再传值给后端。该技术是Web开发必备，是前后端交互的纽带。难点在于获取后端数据并且防止数据联动。二、 技术详述1. 从接口获取后端数据(1) 仔细查看后端所传数据的类型。主要是区分数组和单个数据。查看后端的请求方式，区分post或者get。(2) 首先，在data中return一个xxxData:[]数组
转载
2023-08-16 23:21:19
1910阅读
一、Vue.js是什么 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。二、如
今天下了Vue，想试一试前后端分离的实现，没想到坑还不少，这里就记录一下我遇到的坑和我的代码：一、Vue的下载安装：从网上找就好了，没什么问题，除了下载以后，要把镜像库改成淘宝的，要不然太慢了。二、推荐一个很好用的软件 HBuilder X，可以在上面写前端的项目，直接就能打开浏览器看到效果，还可以自动下载依赖。三、前端代码： 首先，先创建一个Vue项目，新建以后项目自带的程序结构如图：
转载
2023-07-05 20:43:05
90阅读
vue本身不支持发送AJAX请求，需要使用vue-resource（vue1.0版本）、axios（vue2.0版本）等插件实现。axios是一个基于Promise的HTTP请求客户端，用来发送请求，也是vue2.0官方推荐的，同时不再对vue-resource进行更新和维护。resource请求import VueResource from 'vue-resource'
Vue.use(VueR
转载
2023-05-25 08:52:54
145阅读
我们知道，无论是web应用还是app应用都有一个前后端，前端主要负责界面交互，后端负责数据持久化。在正规公司中一般是由两个团队来分别完成前端和后端的开发，在小公司或者个人开发的项目中，前后端很有可能是由一个人完成的。但是无论是一个人完成前后端还是分别由两个团队来完成前后端的开发，都存在一个前端和后端交互的问题。一般来说，前端和后端不可能同时就绪，他们分别会对对方有依赖关系。比如前端开发测试时，后端
转载
2023-05-18 14:20:20
414阅读
Vue.js：Vue.js（是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件VueJS 特性：I:
转载
2023-08-10 11:36:06
856阅读
Vue.js是对JavaScript进行了封装，语法风格和小程序很像，比如双大括号{{}}都是插值表达式。也许它们有相互借鉴的地方，所以说只要熟悉了一门语言，再学习其他语言就会融会贯通。 Vue的官方文档是https://cn.vuejs.org/v2/guide/ W3c的教程是https://w
转载
2019-08-24 15:28:00
256阅读
2评论
1.Vue.js 1.1Vue.js介绍 1.1.1Vue.js是什么？ Vue是一套用于构建用户见面的**渐进式框架。**与其他大型框架不同的是，Vue被设计为可以自底层向上逐层应用。 Vue的核心库只关注视图层，不仅易于上手，还便于与第三方或既有项目整合。另一方面，当与现代化工具链以及各 ...
转载
2021-09-21 22:00:00
300阅读
2评论
Vue.js 是一个渐进式 JavaScript 框架，用于构建用户界面。它主要用于创建单页面应用（SPA），但也可以作为一个库集成到现有项目中。Vue 提供了响应式数据绑定和组件化的开发模式，使得开发者可以高效地构建动态和交互性强的应用。主要特点：响应式数据绑定：Vue 的数据绑定系统使得数据和视图保持同步，改变数据会自动更新视图。组件化：通过组件，开发者可以将界面分解为可重用的片段，提高代码的
原创
2024-08-27 11:47:04
175阅读
点赞
一、
Vue.js是什么？渐进式框架。其设计为自底向上逐层应用。
Vue只关心视图层。二、声明式的渲染模板语法来声明式地将数据渲染到DOM系统<div id="app">
{{ message }}
</div>var app = new
Vue({
el: '#app',
data: {
message: 'Hello
Vue!'
}
})输出：Hel
转载
2023-08-07 15:57:55
1616阅读
目录一、 Vue.js是什么二、 Vue.js优点 三、 前提条件四、 安装Vue1. 直接用 script 标签 引入2. 命令行工具 (CLI)3. 其他方法或细节应用五、声明式渲染六、 理解什么是MVVMMVVM模式的组成部分MVVM优点一、 Vue.js是什么(vue读音 /vjuː/，类似于 view)
转载
2023-08-11 15:19:19
308阅读
