一起学Vue
文章平均质量分 83
Vue入门实战系列
老码识途呀
专心写文,无问西东
展开
-
VUE3.0+Antdv+Asp.net WebApi开发学生信息管理系统(完)
在本示例项目中,主要包含两大部分:1.前端web项目【vsims.web】2.后端webapi项目【vsims.webapi】,经过前四篇文章的讲解,已经对前端项目的架构和组成部分,以及后端webapi项目的开发有了大致了解,熟悉了学生管理模块所涉及到的列表,表单开发的相关内容,并且对学生管理其他几个模块【如:班级管理,课程管理,成绩管理】的讲解。系统整体功能分为学生管理【包括:学生管理,成绩管理,课程管理,班级管理】和系统管理【包括:个人信息,用户管理,角色管理,菜单管理】。......原创 2022-08-30 22:09:24 · 1015 阅读 · 0 评论 -
VUE3.0+Antdv+Asp.net WebApi开发学生信息管理系统(四)
在B/S系统开发中,前后端分离开发设计已成为一种标准,而VUE作为前端三大主流框架之一,越来越受到大家的青睐,Antdv是Antd在Vue中的实现。本系列文章主要通过Antdv和Asp.net WebApi开发学生信息管理系统,简述前后端分离开发的主要相关内容,仅供学习分享使用,如有不足之处,还请指正。原创 2022-08-23 23:31:23 · 742 阅读 · 0 评论 -
VUE3.0+Antdv+Asp.net WebApi开发学生信息管理系统(三)
在B/S系统开发中,前后端分离开发设计已成为一种标准,而VUE作为前端三大主流框架之一,越来越受到大家的青睐,Antdv是Antd在Vue中的实现。本系列文章主要通过Antdv和Asp.net WebApi开发学生信息管理系统,简述前后端分离开发的主要相关内容,仅供学习分享使用,如有不足之处,还请指正。...原创 2022-08-17 21:47:41 · 983 阅读 · 0 评论 -
VUE3.0+Antdv+Asp.net WebApi开发学生信息管理系统(二)
在B/S系统开发中,前后端分离开发设计已成为一种标准,而VUE作为前端三大主流框架之一,越来越受到大家的青睐,Antdv是Antd在Vue中的实现。本系列文章主要通过Antdv和Asp.net WebApi开发学生信息管理系统,简述前后端分离开发的主要相关内容,仅供学习分享使用,如有不足之处,还请指正。......原创 2022-08-11 01:06:55 · 2804 阅读 · 7 评论 -
VUE3.0+Antdv+Asp.net WebApi开发学生信息管理系统(一)
在B/S系统开发中,前后端分离开发设计已成为一种标准,而VUE作为前端三大主流框架之一,越来越受到大家的青睐,Antdv是Antd在Vue中的实现。本系列文章主要通过Antdv和Asp.net WebApi开发学生信息管理系统,简述前后端分离开发的主要相关内容,仅供学习分享使用,如有不足之处,还请指正。.........原创 2022-08-07 23:13:41 · 1351 阅读 · 2 评论 -
一起学VUE入门实战系列文章
Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。在工作之余,在Vue方兴未艾之际,将工作学习中与Vue相关的内容整理成文,仅供学习分享使用,如有不足之处,还请指正。基础知识第一章 一起学Vue之入门篇第二章 一起学Vue之模板语法第三章 一起学Vue之计算属性和侦听器第四章 一起学Vue之样式绑定第五章原创 2021-08-25 22:16:48 · 194 阅读 · 10 评论 -
uni-app初探之幸运轮盘
uni-app以其“一次开发,多端覆盖”的理念深得大家青睐,并且生态环境丰富,本文以一个幸运轮盘小例子,简述canvas的相关操作,仅供学习分享使用,如有不足之处,还请指正。什么是canvas?canvas又称画布,为uni-app提供自定义绘制的区域,通常用于图表或者图片的处理。在uni-app开发中,如果要在canvas中进行绘制,需要通过CanvasContext完成。canvas相关知识点canvas属性说明【canvas-id 在同一页面中不可重复】CanvasContex原创 2021-08-25 22:02:30 · 1200 阅读 · 0 评论 -
uni-app初探之天气预报小例子
概述在实际工作中,App既需要支持Android手机,又要支持IOS手机,还要支持微信小程序,公众号等,面对这样的需求,是否劳心费力,苦不堪言,还要考虑各平台的兼容性。现在uni-app以“开发一次,多端覆盖”的理念,海纳百川,求同存异,受到大多数开发者的青睐。uni-app是采用vue.js作为开发前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。本文以一个天气预报的小例子,简述uni-原创 2021-08-25 21:43:53 · 2466 阅读 · 5 评论 -
一起学Vue自定义组件之拼图小游戏
通过学习Vue自定义组件,可以开发一些小功能,自娱自乐,巩固学习的基础知识,本文以一个简单的拼图小游戏的例子,简述Vue自定义组件的开发,调用等基本流程,仅供学习分享使用,如有不足之处,还请指正。涉及知识点关于Vue组件的基础知识,前篇已有介绍,本例涉及知识点如下:拼图游戏,只有相邻的元素才可以交换位置,那如何判断两个元素相邻,方法如下: 左右相邻:y轴坐标相同,x轴相减的绝对值等于一个元素的宽度。 上下相邻:x轴坐标相同,y轴相减的绝对值等于一个元素的高度。 如何判断拼图中的可以与原创 2021-08-24 22:17:29 · 1938 阅读 · 1 评论 -
一起学Vue自定义组件之进度条
在日常开发中,随着需求的个性化,逻辑的复杂化,自定义组件也变得越来越常见,而且组件具有扩展性强,易复用,封装复杂的代码逻辑等优点,可以用小组件来构建大型应用系统。本文以一个简单的小例子,简述Vue进行组件开发的常见步骤,如有不足之处,还请指正。涉及知识点本文案例,不仅用到了之前的基础知识,如:v-if, 样式绑定,属性传值等,还用到了组件的特有知识,如下所示:组件:可复用的Vue实例,具有封装,复用等特点。 Vue项目构建:一个vue后缀的文件,就表示一个组件。但是浏览器并不认识vue文件,所原创 2021-08-24 22:06:22 · 5832 阅读 · 1 评论 -
一起学Vue之表单输入绑定
在Vue进行前端开发中,表单的输入是基础且常见的功能,本文以一个简单的小例子,简述v-model数据绑定的用法,仅供学习分享使用,如有不足,还请指正。基础用法你可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇,但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。v-model 会原创 2021-08-19 22:57:48 · 383 阅读 · 0 评论 -
一起学Vue之事件处理
在Vue进行前端开发中,事件监听是必不可少的功能,本文通过简单的小例子,简述v-on的简单用法,仅供学习分享使用,如有不足之处,还请指正。监听事件可以用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码。如下所示:<button v-on:click="counter += 1">Add 1</button><p>按钮被点击了 {{ counter }} 次.</p>其中counter为Vue自定义的一个属性原创 2021-08-19 22:48:29 · 272 阅读 · 0 评论 -
一起学Vue之条件判断
在Vue进行前端开发中,条件判断主要用于根据不同的条件来决定显示或隐藏,或者进行视图之间的切换,本文以一个简单的小例子简述v-if的常见用法,仅供学习分享使用,如有不足之处,还请指正。v-if 指令v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。 可以用 v-else 添加一个“else 块”,也可以不用。v-else 元素必须紧跟在带 v-if 或者 v-else-if 的元素的后面,否则它将不会被识别。如下所示:如果isgood为true原创 2021-08-18 22:08:13 · 2077 阅读 · 0 评论 -
一起学Vue之列表渲染
在Vue开发中,列表数据绑定非常简单易用,本文主要通过一些简单的小例子,讲述v-for的使用方法,仅供学习分享使用,如有不足之处,还请指正。用 v-for 把一个数组对应为一组元素我们可以用 v-for 指令基于一个数组来渲染一个列表。v-for 指令需要使用 item in items 形式的特殊语法,其中 items 是源数据数组,而 item 则是被迭代的数组元素的别名。如下所示:<ul> <li v-for="fruit in fruits"> .原创 2021-08-18 22:01:01 · 258 阅读 · 0 评论 -
一起学Vue之样式绑定
在前端开发中,设置元素的 class 列表和内联样式是基本要求。本文主要讲解Vue开发中,样式列表和内联样式的绑定,仅供学习分享使用,如果有不足之处,还请指正。概述Vue操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性,所以我们可以用 v-bind 处理它们:只需要通过表达式计算出字符串结果即可。不过,字符串拼接麻烦且易错。因此,在将 v-bind 用于 class 和 style 时,Vue.js 做了专门的增强。表达式结果的类型除了字符串之外,还可以是对象或数组。原创 2021-08-17 00:14:05 · 146 阅读 · 0 评论 -
一起学Vue之计算属性和侦听器
概述在Vue开发中,模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。当你想要在模板中多次引用相同表达式时,就会更加难以处理。所以,对于任何复杂逻辑,你都应当使用计算属性。本文主要讲解Vue中的计算属性和侦听器,仅供学习分享使用,如有不足之前,还请指正。计算属性计算属性步骤:1. 在computed属性中增加reverseMsg方法,如下所示:<script type="text/javascript"> va原创 2021-08-17 00:04:50 · 134 阅读 · 0 评论 -
一起学Vue之模板语法
概述Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 HTML 解析器解析。普通文本数据绑定最常见的形式就是使用“Mustache[小胡子]”语法 (双大括号) 的文本插值,无论何时,绑定的数据对象上 msg 属性发生了改变,插值处的内容都会更新。<span>{{msg}}</span>通过使用 v-once 指令,执行一次性原创 2021-08-15 14:46:05 · 228 阅读 · 0 评论 -
一起学Vue之入门篇
概述Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。Vue的特点易用:已经会了 HTML、CSS、JavaScript?即刻阅读指南开始构建应用! 灵活:不断繁荣的生态系统,可以在一个库和一套完整框架之间自如伸缩。 高效:a. 20kB min+gzip 运行大小 b.超快虚拟 DOM c.最省心的优化Vu...原创 2021-08-15 14:33:26 · 691 阅读 · 1 评论