Vue学习笔记
关注
分享
扫一扫
文章平均质量分 72
酒城译痴无心剑
国家三级笔译。一手代码一手诗，酸甜苦辣寸心知。杏坛泊梦千秋事，万古云山日迟迟。讲授高等数学、Java高级程序设计、动态网站设计与开发（JSP、Servlet）、企业信息系统设计与开发（Spring Boot）、智能移动终端应用开发（Android）、Python Web开发（Django）、大数据离线分析（Hadoop、Hive、Spark）、计算机专业英语等课程，教学深入浅出，语言生动、经验丰富，深受学生好评。指导学生参加移动应用开发省赛和国赛，多次获奖，被授予优秀指导教师称号。热爱翻译，曾翻译西奥尼·帕帕斯数学科普读物《天天数学》与两千余首诗词，已形成独特的译诗风格。
展开
-
Vue前端开发2.3.6 列表渲染指令
在Vue.js中，`v-for`指令是渲染列表的关键工具，支持从数组、对象、数字和字符串中生成列表。它简化了商品列表等重复元素的创建。为了优化性能，`key`属性为每个列表项提供唯一标识，帮助Vue追踪节点身份，实现元素重用。实战中，我们通过创建`VFor1.vue`至`VFor5.vue`组件，演示了如何根据不同类型的数据源渲染列表，并强调了`key`属性在提升渲染效率中的重要性。这些技巧对于开发高效、响应式的Web应用至关重要。原创 2024-11-26 16:31:46 · 353 阅读 · 0 评论 -
Vue前端开发2.3.5 条件渲染指令
本文介绍了Vue中两种条件渲染指令：v-if和v-show。v-if通过布尔值控制元素的DOM树存在，适用于不频繁切换显示状态的场景；v-show则通过CSS的display属性控制显示，适合频繁切换。通过创建单文件组件示例，演示了如何使用这些指令和它们的不同效果，强调了它们在条件渲染中的实用性和性能考量。原创 2024-11-26 15:17:14 · 255 阅读 · 0 评论 -
Vue前端开发2.3.2-4 绑定指令
本文介绍了Vue中的绑定指令，包括属性绑定指令`v-bind`、事件绑定指令`v-on`以及双向数据绑定指令`v-model`。通过创建单文件组件，演示了如何使用这些指令来控制DOM属性、监听事件和实现表单输入与数据的双向同步。同时，探讨了`v-model`的修饰符如`.number`、`.trim`和`.lazy`，以处理输入数据的类型转换和格式化。通过实际操作，展示了这些指令在实际开发中的应用效果。原创 2024-11-26 11:51:21 · 315 阅读 · 0 评论 -
Vue前端开发2.3.1 内容渲染指令
学习Vue中的两个内容渲染指令：`v-text`和`v-html`。`v-text`用于渲染文本内容，不会解析HTML标签；而`v-html`则用于渲染包含HTML的内容，并确保标签被浏览器解析。通过创建单文件组件示例，展示了这两种指令的使用方法和效果，强调了它们在DOM元素内容渲染中的重要性。原创 2024-11-26 09:44:44 · 339 阅读 · 0 评论 -
初探Vue前端框架
通过今天的实战，希望大家能够对Vue有一个初步的了解……原创 2024-10-22 18:17:20 · 1302 阅读 · 0 评论 -
Vue前端开发2.2 数据绑定
通过本次实战，我们不仅学习了如何使用Vue的数据绑定和响应式数据，还亲手实现了一个实用的轮播图组件。希望大家能够通过这个例子，更好地理解Vue的响应式原理，并将其应用到更多的项目中去。原创 2024-10-21 19:59:19 · 1069 阅读 · 0 评论 -
Vue前端开发1.1 前端技术的发展
在这个数字化时代，前端技术已经成为我们日常生活中不可或缺的一部分。我们的学习目标是了解前端技术的发展，并探讨使用框架开发项目的优势。原创 2024-10-08 17:17:27 · 572 阅读 · 0 评论 -
Vue前端开发1.2 Vue简介
向大家介绍一款现代前端开发中不可或缺的框架——Vue.js。我们的学习目标是了解Vue的基本概念，并探讨它在项目开发中的优势。原创 2024-10-08 17:24:05 · 696 阅读 · 0 评论 -
Vue前端开发1.3 Vue开发环境
向大家介绍Vue.js的开发环境搭建，以及如何使用常见的包管理工具npm和yarn。原创 2024-10-08 18:01:11 · 360 阅读 · 0 评论 -
Vue前端开发1.4 使用Vite创建Vue 3项目
通过今天的学习，你应该能够掌握如何使用 Vite 创建并启动一个 Vue 3 项目。Vite 的高效和易用性，相信会为你的前端开发带来极大的便利。原创 2024-10-11 16:17:16 · 893 阅读 · 0 评论 -
两种方式创建Vue项目
今天我将向大家展示如何使用不同的方法创建Vue项目。我们将探索两种主要方式：利用Vue CLI命令行工具和使用Vite工具。原创 2024-10-12 11:35:59 · 707 阅读 · 0 评论 -
Vue前端开发2.1 单文件组件
通过今天的课程，你将学会如何在Vue.js中创建和使用单文件组件，以及如何将模板、样式和逻辑组织在一起。这将为你的前端开发带来更高的效率和更好的可维护性。原创 2024-10-21 15:12:53 · 1002 阅读 · 0 评论 -
初试构建工具Webpack
在本次实战中，我们通过以下步骤成功地使用`Webpack`打包了一个简单的项目。原创 2024-08-31 16:07:41 · 1645 阅读 · 0 评论 -
Vue3实战：显示后台获取的用户数据
本实战教程从零构建了一个基于Spring Boot的后端应用与Vue3前端单页应用，实现了用户信息管理系统的前后端联动功能。在后端，创建了`test`数据库和`t_user`表，并通过Spring Data JPA实现对数据库的CRUD操作；配置了数据源并定义了`User`实体类、`UserRepository`接口以及业务逻辑处理类`UserService`，最后通过`UserController`暴露RESTful API供前端调用。原创 2024-01-23 00:37:13 · 5344 阅读 · 0 评论 -
Vue实战：两种方式创建Vue项目
本实战教程以Vue CLI为工具，指导用户从安装Node.js LTS与Vue CLI开始，通过命令行和IntelliJ IDEA创建并配置Vue 3项目。教程演示了依赖管理（如axios、vue-router）、组件开发及路由配置，并展示了Vue项目的基本结构。通过新增页面组件和设置对应路由规则，实现不同页面间的跳转功能。该教程全面覆盖了Vue项目从搭建到功能开发的核心步骤，为开发者快速掌握Vue.js技术栈提供了详尽实践指导。原创 2024-01-14 21:13:41 · 4497 阅读 · 1 评论 -
利用Vue+Echarts完成可视化任务
安装node.js、创建vue项目、利用echarts完成可视化任务原创 2023-11-15 22:09:30 · 2838 阅读 · 5 评论 -
演示Vue3插值表达式
利用插值表达式渲染字符串、对象、函数和运算符……原创 2023-06-08 18:23:22 · 478 阅读 · 0 评论 -
Vue3学习笔记02：Vue3打包
打包Vue3项目原创 2022-04-16 11:56:43 · 1340 阅读 · 0 评论 -
Vue3学习笔记01：使用NPM方法安装Vue3
使用cnpm安装Vue3；使用vue init创建Vue项目；使用Vite创建Vue项目原创 2022-04-16 10:33:05 · 15715 阅读 · 2 评论 -
前端学习笔记：几种方式给表格设置数据
利用DOM来给表格设置数据、利用jQuery来给表格设置数据、利用Vue来给表格设置数据原创 2022-04-16 07:52:40 · 898 阅读 · 0 评论 -
Vue学习笔记01：准备开发与调试环境
文章目录一、安装Vue.js（一）使用独立版本1、开发版本2、生产版本3、案例演示（二）使用CDN方式（三）使用NPM方式一、安装Vue.js（一）使用独立版本直接从Vue官网（https://vuejs.org/）上下载Vue的JavaScript脚本文件。1、开发版本https://vuejs.org/js/vue.js2、生产版本https://vuejs.org/js/vue.min.js3、案例演示MVVM架构图下载vue.js创建index.html原创 2021-07-21 12:12:58 · 720 阅读 · 0 评论 -
Vue实战：使用CLI构建Vue项目
本教程手把手演示了通过Vue CLI创建Vue项目，涵盖环境配置、命令行与IDEA工具构建项目、组件添加及路由配置。展示了从初始化到新增页面的完整流程，体现了Vue CLI在简化前端开发工作流上的高效性。原创 2019-11-08 15:54:13 · 2727 阅读 · 1 评论 -
Vue学习笔记：创建一个Vue实例
Vue学习笔记01：创建一个Vue实例1、访问Vue官网https://cn.vuejs.org，进入学习模块下的教程单击【开发版本】：复制页面全部内容，在目录E:\WebStormProjects\VueLearning下创建一个vue.js文件，将内容粘贴进去，如下图所示：2、创建页面index.html3、通过script标签在head部分引入vu...原创 2019-08-15 07:08:17 · 520 阅读 · 0 评论