vue 学习笔记-数据双向绑定1 MVVM双向数据绑定指的是，将对象属性变化与视图的变化相互绑定。换句话说，如果有一个拥有name属性的user对象，与元素的内容绑定，当给user.name赋予一个新值，页面元素节点也会相应的显示新的数据。同样的，如果页面元素(通常是input）上的数据改变，输入一个新的值会导致user对象中的name属性发生变化。MVVM最早由微软提出来，它借鉴了桌面应用程序的
一、跨域1、同源策略浏览器同源策略限制请求同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个ip地址，也非同源。限制以下行为Cookie、LocalStorage 和 IndexDB 无法读取DOM 和 Js对象无法获得AJAX 请求不能发送有三个标签是允许跨域加载资源：<img src=XXX><link href=XXX><script src=X
最近开发个人博客，shiro配置后，需要进行登录验证，如要输入用户名或密码不正确，需要进行异常拦截并将结果返回给前端，在此过程有一些坑，在此记录一下：1. 前端登录界面 该界面是用vue开发的，登录的el-form:<!-- 登录表单区域 -->
<el-form
ref="loginFormRef"
:model="loginForm
概述Vue.js（读音 /vjuː/, 类似于 view）是一个构建数据驱动的 web 界面的库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。另一方面，在与相关工具和支持库一起使用时，Vue.js 也能完美地驱动复杂的单页应用。响应的数据绑定
需求：需要在web页面中整合一个sql的编辑器，选择了codemirror，以下被我封装成了组件，项目里改一改就可以直接用，codemirror支持很多语言，但我只需要使用sql编辑器，所以做了精简。 安装使用步骤： 1、安装npm i codemirror --save2、封装组件，这里可以直接复制<template>
<div class="in-coder-panel"
目录准备工作安装并集成 Bootstrap 4安装并集成 Bulma安装并集成 Foundation在 Vue中 的最佳做法创建自己的样式注意组件的可重用性不好的例子好的例子总结❞CSS 框架之所以出色是有很多原因的：比如代码更容易理解、Web 应用更容易维护、简化实现原型时的步骤等。一般来说在 VUE 中集成 CSS 框架的方法是相同的，本文以被广泛使用的 Bootstrap 4 为例。准备工作
转载
2024-10-23 15:47:02
46阅读
一、常规方法在Vue项目中，通常使用封装组件的方法是 1.import 导入组件 2.在 components 中注册组件 3.在模板引擎中使用组件常规方法的弊端但在实际开发过程中，有一些组件会在多个地方频繁使用，并且组件还有一些自己的方法，如果使用常规方法来使用这些组件，不仅要完成上面三个步骤，还需要在封装好的组件中 $emit 方法，并在使用组件的地方监听，这样使用起来十分复杂，那么有没有一种
本篇文章借鉴了一些资料，然后在这个基础上，我将环信的实现全部都集成在一个组件里面进行实现；第一步，获取 webim.config.js1. 下载地址 http://www.easemob.com/download/im，然后点击如下图的位置进行下载解压后将 webim.config.js 拷贝到自己的文件夹下面（我这儿放的位置是src->assets->lib->webim下面）
转载
2024-05-28 10:13:20
317阅读
你的系统开发过程中，是否遇到过这样的问题：如果使用专业报表工具，需要独立报表系统，业务系统的后端难以与报表的后端相集成，业务系统的前端难以与报表的前端相融合；如果在系统中开发，开发工作量又太大，流程冗长，还会有大量BUG。 报表 这是系统工程中经常遇到的一个问题，有没有方便的嵌入式报表系统，可以解决集成和开发效率的问题呢？有，本文介绍的报表系统就可以很好的解决这个问题，后端既可以以JAR
Vue2.0 新手安装完全攻略先说下作者作者是国内大神尤雨溪! 膜拜！ 好了，扯回正题，开车！有两种方法供学习安装1.独立版本安装直接下载并用 <script> 标签引入，Vue 会被注册为一个全局变量。这个比较简单， 可以去vue.js 官网下载：点击进入官网2.NPM安装首先安装NPM，可以通过安装node.js 得到NPM 包管理器，我就是通过这种方法！安装之后找到它：打开它 验
在vue2的时代，PC端的ui框架可以说elementUI独步天下，至少我在面试及工作过程中遇到的都是使用elementUI的，但是该开源项目随着核心成员的离职，更新进度似乎越来越缓慢，似乎印证了那句“开源工作一旦功成身退，再也没有动力和精力去持续维护下去”的言论了。随着vue3的时代的到来，未来前端框架翻云覆雨，走势如何还不知道，但是各大UI框架已经开始卯足了劲开发适配vue3的版本，这其中当属
转载
2024-09-24 19:45:06
235阅读
一、教程说明前言教程目的：从头到尾细细道来单点登录服务器及客户端应用的每个步骤单点登录（SSO）：请看百科解释猛击这里打开
本教程使用的SSO服务器是Yelu大学研发的CAS(Central Authentication Server)，本教程环境：Tomcat6.0.29JDK6CAS Server版本：cas-server-3.4.3.1、cas-server-3.4.10CAS Client
sqlite vue 需要安装 python吗？这是我最近在探索使用 SQLite 数据库与 Vue.js 前端框架进行开发时遇到的问题。为了可以更顺利地解决这个问题，我整理了以下的步骤和内容，让我们一起看看。
## 环境准备
为了开始我们的项目，首先确保你的系统满足下面的软硬件要求：
- **软件要求**:
- Node.js 版本 >= 14.x
- npm 版本 >= 6.x
前言在实际开发中导入功能是非常常见的，导入功能前端并不难，难的是后端字段的对应，主要处理在后端。我们只需要用饿了吗ui upload上传组件封装一层就可以了，主要起到上传文件作用。通过按钮跳转到页面，携带参数，下载excel模板。导入页面接受参数区分从哪一个页面过来。页面EXCEL导入成功就回到上一级页面，刷新数据。失败动画效果，把失败数据原因用表格展现出来。代码实现1.整体代码<templ
转载
2024-03-19 16:00:13
320阅读
一、内置指令1. v-bind（1） 主要作用： 单向绑定解析表达式，可简写为 :xxx (v-bind:xxx)，数据只能从data流向页面（2）代码实现：<!DOCTYPE html>
<html lang="en">
<head>
<meta
转载
2024-07-10 09:13:11
67阅读
第0章 项目如何开始的0.1 总体流程需求调研-->需求转为需求文档-->将需求文档转为开发文档-->前端文档-->后台文档-->项目测试-->打包上线0.2 数据服务器构建0.2.1 技术栈Vue+elementUI+NodeJS+MySQL0.2.2 数据服务器准备导入数据库数据：打开数据库服务器，新建名为 itcast 的库；后台为我们提供了 /api-s
转载
2024-05-01 12:24:30
115阅读
初学SpringBoot，很多地方都不懂，所以完成这个走了不少弯路，连夜写blog记录，生怕天一亮全忘干净了……前端：Vue（2 or 3），IDE是VS code后端：Spring Boot，IDE是IDEA数据库： MySQL目前实现功能：前后端代码分离，显示数据库表的数据步骤1.【创建vue项目】终端输入vue ui打开图形化界面，创建一个Vue项目，具体步骤如下图：
转载
2024-03-21 10:59:41
377阅读
1.介绍：sqlite3是linux上的小巧的数据库，一个文件就是一个数据库。
原创
2021-08-04 10:35:39
1426阅读
一、说明1、安装环境Windows二、步骤1、下载安装包1）官网
原创
2022-11-25 11:13:45
703阅读
sql编辑器一些配置项（更多配置项参考：）事件监听触发器使用方法：editor.on(‘chang’, ()=>{}) 取消触发器方法：ediotr.off(‘change’)“changes”：每次编辑器内容更改时触发 “beforeChange”：事件在更改生效前触发 “cursorActivity”：当光标或选中(内容)发生变化，或者编辑器的内容发生了更改的时候触发。 “keyHand
