Vue
文章平均质量分 81
vue
是一个构建用户界面的框架
是一个轻量级的MVVM(Model-View-ViewModel),其实就是所谓的数据的双向绑定
数据驱动和组件化的前端开发
通过简单的API就能实现响应式的数据绑定和组合的视图组件
指令:
用来扩展html标签的功能
最小的帆也能远航
不必借光而行,你我亦是星辰!
展开
-
vue图片上传
后端Java方法网上一大堆,具体场景具体处理。原创 2023-02-05 15:49:57 · 118 阅读 · 0 评论 -
基于ElementUI的完整表格
【代码】基于ElementUI的完整表格。原创 2023-02-05 15:36:16 · 514 阅读 · 0 评论 -
Vue第九天学习笔记之网络模块封装
1.模块的选择Vue中发送网络请求有非常多的方式, 那么, 在开发中, 如何选择呢?选择一: 传统的Ajax是基于XMLHttpRequest(XHR)为什么不用它呢?非常好解释, 配置和调用方式等非常混乱. 编码起来看起来就非常蛋疼. 所以真实开发中很少直接使用, 而是使用jQuery-Ajax选择二: 在前面的学习中, 我们经常会使用jQuery-Ajax相对于传统的Ajax非常好用.为什么不选择它呢?首先, 我们先明确一点: 在Vue的整个开发中都是不需要使用jQue原创 2021-05-09 12:42:59 · 174 阅读 · 0 评论 -
Vue第八天学习笔记之Promise和Vuex详解
1.认识Promise1.1什么是PromiseES6中一个非常重要和好用的特性就是Promise但是初次接触Promise会一脸懵逼,这TM是什么东西? 看看官方或者一些文章对它的介绍和用法,也是一头雾水。Promise到底是做什么的呢?Promise是异步编程的一种解决方案。那什么时候我们会来处理异步事件呢?一种很常见的场景应该就是网络请求了。 我们封装一个网络请求的函数,因为不能立即拿到结果,所以不能像简单的3+4=7一样将结果返回。 所以往往我们会传入另外一个函数,在原创 2021-05-08 17:29:52 · 1237 阅读 · 0 评论 -
Vue第七天学习笔记之vue-router详解
1.动态路由在某些情况下,一个页面的path路径可能是不确定的,比如我们进入用户界面时,希望是如下的路径:/user/aaaa或/user/bbbb 除了有前面的/user之外,后面还跟上了用户的ID 这种path和Component的匹配关系,我们称之为动态路由(也是路由传递数据的一种方式)2.路由懒加载2.1认识路由的懒加载官方给出了解释:当打包构建应用时,Javascript 包会变得非常大,影响页面加载。 如果我们能把不同路由对应的组件分割成不..原创 2021-05-07 18:10:20 · 171 阅读 · 0 评论 -
Vue第六天学习笔记之Vue CLI3详解
1.VueCLI详解1.1Runtime-Compiler和Runtime-only的区别原创 2021-05-06 20:01:03 · 410 阅读 · 0 评论 -
Vue第五天学习笔记之webpack详解
1.webpack的使用1.1webpack的起步从本质上来讲,webpack是一个现代的JavaScript应用的静态模块打包工具前端模块化: 在前面学习中,我已经用了大量的篇幅解释了为什么前端需要模块化。 而且我也提到了目前使用前端模块化的一些方案:AMD、CMD、CommonJS、ES6。 在ES6之前,我们要想进行模块化开发,就必须借助于其他的工具,让我们可以进行模块化开发。 并且在通过模块化开发完成了项目后,还需要处理模块间的各种依赖,并且将其进行整合打包。 而webp原创 2021-05-05 20:50:11 · 219 阅读 · 0 评论 -
Vue第四天学习笔记之组件化高级
目录1.父子组件通信1.1组件通信-父子组件通信案例1.2组件通信-父子组件通信案例(watch实现)1.3组件访问-父访问子-children-refs1.4组件访问-子访问父-parent-root2.组件化高级2.1slot-插槽的基本使用2.2slot-具名插槽的使用2.3什么是编译的作用域2.4作用于插槽的案例3.前端模块化3.1CommonJS3.2ES6的模块化实现1.父子组件通信1.1组件通信-父子组件通信案例<.原创 2021-05-04 19:23:34 · 91 阅读 · 1 评论 -
Vue第三天学习笔记之组件化开发
1.JavaScript高阶函数的使用// 编程范式: 命令式编程/声明式编程// 编程范式: 面向对象编程(第一公民:对象)/函数式编程(第一公民:函数)// filter/map/reduce// filter中的回调函数有一个要求: 必须返回一个boolean值// true: 当返回true时, 函数内部会自动将这次回调的n加入到新的数组中// false: 当返回false时, 函数内部会过滤掉这次的nconst nums = [10, 20, 111, 222, 444, 40原创 2021-05-03 23:01:21 · 206 阅读 · 0 评论 -
Vue第二天学习笔记之基本操作
1.插值操作1.1.Mustache如何将data中的文本数据,插入到HTML中呢我们已经学习过了,可以通过Mustache语法(也就是双大括号)。 Mustache: 胡子/胡须.<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div .原创 2021-04-24 15:51:45 · 188 阅读 · 0 评论 -
Vue第一天学习笔记之认识Vue
目录1.认识Vuejs2.Vue.js安装3.Vue初体验3.1.Hello Vuejs3.2.Vue列表显示3.3.案例:计数器4.Vue的MVVM4.1.Vue中的MVVM4.2.计数器的MVVM5.Vue的options6.Vue的生命周期1.认识VuejsVue (读音 /vjuː/,类似于 view),不要读错。Vue是一个渐进式的框架,什么是渐进式的呢?渐进式意味着你可以将Vue作为你应用的一部分嵌入其中,带来更丰富的交互体验。.原创 2021-03-05 21:49:36 · 301 阅读 · 2 评论 -
TypeScript快速上手
1.初识 TypeScript1.1.TypeScript 的介绍TypeScript是一种由微软开发的开源、跨平台的编程语言。它是JavaScript的超集,最终会被编译为JavaScript代码。2012年10月,微软发布了首个公开版本的TypeScript,2013年6月19日,在经历了一个预览版之后微软正式发布了正式版TypeScriptTypeScript的作者是安德斯·海尔斯伯格,C#的首席架构师。它是开源和跨平台的编程语言。TypeScript扩展了JavaSc.原创 2021-03-05 17:43:24 · 149 阅读 · 0 评论 -
Vue学习详解
1.Vue概述Vue (读音/vju/, 类似于view)是一套用于构建用户界面的渐进式框架,发布于2014年2月。与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库(如:vue-router: 跳转,vue-resource: 通信,vuex:管理)或既有项目整合1.1、前端知识体系想要成为真正的“互联网Java全栈工程师”还有很长的一段路要走,其中“我大前端”是绕不开的一门必修课。本阶段课程的主要目的就是带领我Ja..原创 2020-12-26 21:11:23 · 788 阅读 · 0 评论 -
vue中的 SPA 与 SSR 的使用场景以及element-UI、Nuxt.js 的使用
1. SSR 的应用场景SPA 页面内容是在浏览器中(客户)渲染,搜索引擎不友好 互联网(公众,天猫,京东,静态化 --- SSR ) 企业应用(内网,没有 SEO 需求,不需要 SSR) SSR---静态:用户爽,请求 ---》 给你一个 渲染好了的页面(预先渲染存储到服务器)直接显示,通信 很快 动态 XHR(SPA) : 用户请求,...原创 2020-03-19 18:48:09 · 2312 阅读 · 0 评论 -
vue中的嵌套路由、动态路由以及命名路由
1.vue路由: vue SSR(Vue Server Side Rander)服务端渲染 Vue CLI 默认客户端(浏览器)渲染,JS 发送用户浏览器中,占用用户资源渲染生成 HTMLelement UI2.SPA(Single Page Application)定义: SPA 中存在多个组件,多个组件构成一个试图(view)不同的数据与视图...原创 2020-03-18 18:10:53 · 932 阅读 · 0 评论 -
vue之router的简单使用
1.路由:vue router 1.集线器(hub),交换机(switcher),路由器(router) 2.顶点(位置、资源、URL)-边:(从一个顶点到其他一个顶点,所有的边连接构成的路径 3.vue核心插件,与vuex类似2.路由的分类: 1.基本路由 2.嵌套路由 3.动态路由 4.重定向3.工程结构如图...原创 2020-03-17 17:31:19 · 374 阅读 · 0 评论 -
ES在Vue CLI中工程的组织形式
Vue CLI 脚手架定义:工程化,规范约定两种方式:1 vue create app2 vue ui运行npm run serve打包(web pack)npm run build工程的组织形式的优点:分离关注点碎片化,变成了多个组件(可复用)开发(任务分发给多个人),维护缺陷:搜索引擎麻烦了(爬虫,很难...原创 2020-02-18 16:59:02 · 215 阅读 · 0 评论 -
基于Vue实现在线测试
HTML部分:<!doctype html><html lang="zh"><head> <title>在线测试</title> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewp...原创 2020-01-20 11:48:42 · 3912 阅读 · 0 评论 -
基于Vue的人力资源管理平台(原表格中修改数据)
Html部分:<!doctype html><html lang="zh"><head> <title>Vue在原表格中修改数据</title> <!-- Required meta tags --> <meta charset="utf-8"> <meta nam...原创 2020-01-19 16:46:46 · 674 阅读 · 0 评论 -
基于Vue的人力资源管理平台(利用模态框修改数据)
HTML部分:<!doctype html><html lang="zh"><head> <title>Vue利用模态框修改数据</title> <!-- Required meta tags --> <meta charset="utf-8"> <meta nam...原创 2020-01-19 16:44:19 · 1340 阅读 · 9 评论 -
利用Vue中组件实现界面
<!doctypehtml><htmllang="zh"><head><title>组件化构造界面</title><!--Requiredmetatags--><metacharset="utf-8"><metaname="view...原创 2020-01-09 21:14:13 · 377 阅读 · 1 评论 -
利用BootStrap+Vue实现在线测试基本功能
完整代码如下:<!doctypehtml><htmllang="zh"><head><title>在线测试</title><!--Requiredmetatags--><metacharset="utf-8"><...原创 2020-01-09 09:28:30 · 843 阅读 · 1 评论 -
利用Vue实现简单的省市县联动
<!doctype html><html lang="en"><head> <title>省市县</title> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="widt...原创 2020-01-08 22:32:57 · 732 阅读 · 1 评论