文章 2023-07-25 来自:开发者社区

【Vue】day02-Vue基础入门(三)

3.注意computed配置项和data配置项是同级的computed中的计算属性虽然是函数的写法,但他依然是个属性computed中的计算属性不能和data中的属性同名使用computed中的计算属性和使用data中的属性是一样的用法computed中计算属性内部的this依然指向的是Vue实例4.案例比如我们可以使用计算属性实现下面这个业务场景5.代码准备<style> ...

【Vue】day02-Vue基础入门(三)
文章 2023-07-25 来自:开发者社区

【Vue】day02-Vue基础入门(二)

五、v-bind对有样式控制的增强-操作style1.语法<div class="box" :style="{ CSS属性名1: CSS属性值, CSS属性名2: CSS属性值 }"></div>2.代码练习<style> .box { width: 200px; height: 200px; background-...

文章 2023-07-25 来自:开发者社区

【Vue】day02-Vue基础入门(一)

day02一、今日学习目标1.指令补充指令修饰符v-bind对样式增强的操作v-model应用于其他表单元素2.computed计算属性基础语法计算属性vs方法计算属性的完整写法成绩案例3.watch侦听器基础写法完整写法4.综合案例 (演示)渲染 / 删除 / 修改数量 / 全选 / 反选 / 统计总价 / 持久化二、指令修饰符1.什么是指令修饰符?所谓指令修饰符就是通过“.”指明一些指令后缀....

文章 2023-07-25 来自:开发者社区

【Vue】day01-Vue基础入门(三)

十一、属性绑定指令作用:动态设置html的标签属性 比如:src、url、title语法:v-bind:属性名=“表达式”v-bind:可以简写成 =&gt; :比如,有一个图片,它的 src 属性值,是一个图片地址。这个地址在数据 data 中存储。则可以这样设置属性值:• &lt;img v-bind:src="url" /&gt; • &lt;img :src="url" /&gt; (v....

【Vue】day01-Vue基础入门(三)
文章 2023-07-25 来自:开发者社区

【Vue】day01-Vue基础入门(二)

八、内容渲染指令内容渲染指令用来辅助开发者渲染 DOM 元素的文本内容。常用的内容渲染指令有如下2 个:v-text(类似innerText)使用语法:&lt;p v-text="uname"&gt;hello&lt;/p&gt;,意思是将 uame 值渲染到 p 标签中类似 innerText,使用该语法,会覆盖 p 标签原有内容v-html(类似 innerHTML)使用语法:&lt;p v....

【Vue】day01-Vue基础入门(二)
文章 2023-07-25 来自:开发者社区

【Vue】day01-Vue基础入门(一)

day01一、为什么要学习Vue1.前端必备技能2.岗位多,绝大互联网公司都在使用Vue3.提高开发效率4.高薪必备技能(Vue2+Vue3)二、什么是Vue概念:Vue (读音 /vjuː/,类似于 view) 是一套 构建用户界面 的 渐进式框架Vue2官网:Vue.js1.什么是构建用户界面基于数据渲染出用户可以看到的界面2.什么是渐进式所谓渐进式就是循序渐进,不一定非得把Vue中的所有A....

【Vue】day01-Vue基础入门(一)
文章 2023-07-18 来自:开发者社区

【入门毕设项目】基于 Vue 的医院门诊预约挂号系统(二)

医生管理模块管理员登陆系统后,可以进入医生管理模块,查询医生档案的详细数据,如下图所示:医生的信息包括医生姓名医生年龄学历学位开始工作时间毕业院校职称专业所属科室医生介绍医生档案的增加、编辑、删除、导出操作步骤同科室模块。可以根据科室查询医生,如在科室搜索框内输入“口腔”,点击搜索按钮,即可查询口腔科的医生列表,如下图所示:医生的数据库设计如下图所示:医生放号模块为了模拟真实的预约挂号流程,本系....

【入门毕设项目】基于 Vue 的医院门诊预约挂号系统(二)
文章 2023-07-18 来自:开发者社区

【入门毕设项目】基于 Vue 的医院门诊预约挂号系统(一)

基于 Vue 和 Spring Boot 的医院门诊预约挂号系统又是一年开题的时候了,大四毕业生开始了自己的选题之旅。本文详细介绍了这个门诊预约挂号系统,它基于Vue + SpringBoot + MyBatis Plus + MySQL 实现,是一个很好的入门项目,该系统包括了数据中心模块、科室医生模块、预约挂号模块、医院时政模块,模拟了患者预约挂号的完整流程,给大四毕业生们提供一个参考项目,....

【入门毕设项目】基于 Vue 的医院门诊预约挂号系统(一)
文章 2023-07-14 来自:开发者社区

【半小时入门vue】最容易理解的vue入门方式

半小时入门vue前言(!important)学习vue的前提什么是vue?vue的引入方式实例化一个对象和创建一个对象实例化一个vue对象模板语法1.插值表达式2.v-text和v-html指令3.v-bind指令4.v-on指令5.v-model指令6.v-if和v-show指令7.v-for指令前言(!important)如果你是想入门vue,那么本篇博客非常适合你。你尽管可以去菜鸟教程,可....

【半小时入门vue】最容易理解的vue入门方式
文章 2023-06-28 来自:开发者社区

【三十天精通 Vue 3】 第一天 Vue 3入门指南

引言当今前端领域最受欢迎的框架之一是 Vue.js。Vue 3 是 Vue.js 框架的最新版本,它引入了一些全新的特性和改进。今天介绍如何安装 Vue 3、Vue 3 的基础知识以及 Vue 3 的实战演练。在这个专栏中,我们将带你深入了解 Vue 3 的各个方面。首先,我们将带你了解 Vue 3 的新特性和改进,包括 Composition API、Provide/Use Case、Vuex....

【三十天精通 Vue 3】 第一天 Vue 3入门指南

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等

登录插画

登录以查看您的控制台资源

管理云资源
状态一览
快捷访问