VUE基本结构 模板语法文本 模板语法纯html: {{}} 原样输出变量的值 v-html -- 解析输出变量的值 指令 v-text -- 原样输出变量的值 等同于 {{ }} 指令 **防止XSS,CSRF** > XSS 跨站的脚本攻击 输入框 提交的是一段 javascript 代码 过滤
原创 2022-07-22 15:53:32
161阅读
最近在网上找到一个 网页制作辅助工具-jQuery标尺参考线插件 ,觉得在现在的一个项目中能用的上,插件是基于JQuery的,但是现在的项目是用vue写的。So..., 就照葫芦画瓢改装成了Vue组件,总的来说算是一个用处较多的组件,于是乎,就想着把它上传到Npm上分享出来。 以前只用过别人的包,这一次自己上传一个乐呵乐呵...顺便记录发布一下过程。 初始化项目这里
都说Vue2简单,上手容易,但小马过河,自己试了才晓得,除了ES6语法和webpack的配置让你感到陌生,重要的是思路的变换,以前随便拿全局
转载 2017-06-08 12:54:00
111阅读
2评论
VUE基本结构 模板语法文本 模板语法纯html: {{}} 原样输出变量的值 v-html -- 解析输出变量的值 指令 v-text -- 原样输出变量的值 等同于 {{ }} 指令 **防止XSS,CSRF** > XSS 跨站的脚本攻击 输入框 提交的是一段 javascript 代码 过滤
原创 2023-03-27 06:44:06
46阅读
1 下载 引用。npm install axios --save-dev import axios from "axios"2 这个时候 在组件中使用axios是需要每个组件都引一下axios的,比较麻烦,所以我们这样配置:Vue.prototype.$myAxios = axios; //把axios挂载到vue上,$myAxios这个名称可以自定义或者你也可以这样:npm install
转载 2023-09-26 15:00:25
96阅读
vue react 区别
转载 2019-07-05 14:42:55
1094阅读
# Vue 去掉 TypeScript 写法:浅析 Vue 的无 TypeScript 实现 在现代 Web 开发中,Vue.js 是一种非常流行的前端框架,而 TypeScript 作为一种强类型的编程语言,在提高代码可维护性和可读性方面受到了开发者的喜爱。然而,并不是每个项目都需要使用 TypeScript,许多开发者更喜欢使用纯 JavaScript 编写 Vue 组件。本文将探讨 Vue
原创 9月前
61阅读
文章目录 1.前言 2.模块的命名空间 3.模块的动态注册 4.vuex严格模式 5.vuex插件 5.1 subscribe 5.2 subscribeAction 5.3 replaceState 5.3 watch 5.4 手写一个插件 6.vuex表单处理 7.总结 1.前言 上篇文章介绍了Vuex的核心概念,
let endpoint = localStorage.server_url + "/chathub"; let s = new signalR.HubConnectionBuilder() .withUrl(endpoint) .configureLogging(signalR.LogLevel. ...
转载 2021-09-17 11:17:00
209阅读
2评论
Vue3是一个流行的JavaScript框架,用于构建用户界面。它提供了一种简单且优雅的方式来构建交互性的Web应用程序。Vue3的一个重要特性是axios的集成,它是一个用于发送HTTP请求的库。在本篇文章中,我们将深入探讨Vue3中使用axios的写法,并提供一些代码示例。 ## 什么是axios? axios是一个流行的基于Promise的HTTP客户端,用于浏览器和Node.js。它支
原创 2023-09-12 10:27:29
68阅读
# Vue 语法糖与 TypeScript 的结合 在现代前端开发中,Vue.js 是一个广泛使用的框架,而 TypeScript 则是一个流行的超集,增加了类型系统和现代 JavaScript 的特性。结合这两者,可以有效地提升代码的可维护性和可读性。本文将探讨 Vue 中的语法糖与 TypeScript 的写法,并通过代码示例来展示它们的结合。 ## 什么是 Vue 的语法糖? Vue
原创 9月前
50阅读
## 如何在 Vue 2 中识别 TypeScript 写法Vue 2 中使用 TypeScript 可以增强代码的可维护性和类型安全性。对于刚入行的小白,初次接触可能会感到有些困惑。本文将逐步带你完成将 Vue 2 与 TypeScript 结合使用的过程。 ### 流程概述 以下是实现 Vue 2 识别 TypeScript 的步骤概览: | 步骤 | 说明 | |------
原创 9月前
33阅读
# TypeScript 和 Vue 数据的写法 TypeScript 和 Vue.js 是现代前端开发中两者非常流行的技术栈。TypeScript 是 JavaScript 的超集,它引入了静态类型系统,从而使得代码更加健壮和易于维护。Vue.js 是一个渐进式框架,用于构建用户界面,特别适合构建单页面应用(SPA)。在这篇文章中,我们将探讨 TypeScript 和 Vue.js 的结合,以
原创 2024-09-22 06:58:11
62阅读
一、什么是路由路由概述路由(route)其实是一种映射关系,类似于key===>value的键值对的关系,其中key表示请求的路径path。路由是根据不同的 url 地址展示不同的内容或页面;路由分为前端路由和后端路由 前端路由:前端路由的value表示组件,一个path映射一个组件; 后端路由:后端路由的value表示处理请求的回调函数,针对不同请求的 path,处理不同的业务逻辑前端路由
Vue3.0 亮点 Performance:性能比Vue 2.x快1.2~2倍 Tree shaking support:按需编译,体积比Vue2.x更小 Composition API: 组合API(类似React Hooks) Better TypeScript support:更好的 Ts 支 ...
转载 2021-07-29 11:01:00
950阅读
<a :href="'/center/roomadd?buildingId='+item.BuildingId+'&buildingName='+item.BuildingName"> 注意点:href前面要加“:”或者v-bind: 字符串要用单引号“ ’ ”包住 加上了冒号是为了动态绑定数据,等
原创 2022-05-14 10:33:50
1390阅读
VUE上传大文件的三种解决方案,VUE上传大文件解决方案,VUE上传大文件的思路,VUE上传大文件源码,VUE分块上传大文件,VUE分片上传大文件,VUE切片上传大文件,VUE批量上传大文件,VUE加密上传大文件,VUE上传文件夹,网上搜了一圈,基本上都是用的HTML5实现的,也就是chrome提供的API,小文件还好,比如几十MB,500MB左右的话,单个文件上传还凑合,但是文件大点,文件一多就
ECMAScript1ES6基础1.1ES6简介1.2let命令1.3const命令2.变量的结构赋值2.1数组的解构赋值2.2对象的解构赋值2.3解构赋值的主要用途3.箭头函数3.1箭头函数的定义3.2箭头函数与解构赋值4.数组方法4.1map()方法4.2forEach()方法4.3filter()方法4.4every()方法和some()方法4.5reduce()方法5.字符串的扩展5.1
相同的钩子,如果在setup里写了,配置项里也写了,setup里的钩子先执行。
原创 2024-05-29 10:37:38
82阅读
Hello World<div id="app"> {{ message }} <button v-on:click="clickMe()">点击</button> <button v-on:click="clickMe">无参数的简写</button> </div>new Vue({ el: '#app', da
转载 2024-05-15 14:58:17
0阅读
  • 1
  • 2
  • 3
  • 4
  • 5