【Vue】基础系列（三）计算属性与监视属性
数据代理在Vue.js中，数据代理是Vue实现响应式数据的核心机制之一。它通过使用JavaScript的Object.defineProperty（在Vue 3中则是Proxy）来拦截对对象属性的访问和修改，从而实现数据和视图的双向绑定。这使得开发者可以更方便地使用简洁的语法来访问和操作数据，而Vue会自动更新相应的视图。 数据代理的概念数据代理的核心是将组件的data对象中的属性代理到Vue实例上。这意味着你可以通过this.propertyName直接访问和修改data中的属性，而Vue会自动更新视图。 数据代理的实现原理在Vue 2中，数据代理是通过Object.defineProperty实现的。Vue在实例化时，会遍历data对象中的所有属性，并为每个属性设置getter和setter。当你访问或修改这些属性时，Vue会自动触发相应的DOM更新。 数据代理的使用 示例代码 <!DOCTYPE html><html><head> <title>Vue Data Proxy Example</title>...
【Vue】基础系列（一）初识 - 简单使用 - 创建Vue对象 - 双向数据绑定 - MVVM模式
Vue-基础系列(一)基本认识Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 渐进式 JavaScript 框架，用来动态构建用户界面 官网：https://cn.vuejs.org/ 特点遵循 MVVM 模式 编码简洁，体积小，运行效率高，适合 移动/PC 端开发 它本身只关注 UI，可以轻松引入 vue 插件或其它第三方库开发项目 采用组件化模式，提高代码复用率、且让代码更好维护 声明式编码，让编码人员无需直接操作DOM，提高开发效率 使用虚拟DOM和Diff算法，尽量复用DOM节点 与其他前端 JS 框架的关联借鉴 angular 的 模板 和 数据绑定 技术 借鉴 react 的 组件化 和 虚拟DOM 技术 Vue 常用工具和插件 vue-cli：vue 脚手架 ...
【Vue】基础系列（二）模板语法 - 插值语法 - 指令语法
Vue-基础系列(二)Vue有很多模板语法特别好用，就是在HTML中写一些Vue定义的一些模板语法，可以快速的展现数据，绑定方法等。这也就是Vue上手很快的原因之一。 模板的理解模板就是动态html页面，这里面包含了一些js语法代码 Vue的模板语法分为两种，分别是： 【插值语法】双大括号表达式 （“Mustache”语法）【一个】 【指令语法】指令（以v-开头的自定义标签属性）【很多】 插值语法： 功能：用于解析标签体内容，向页面输出数据 写法：{{xxx}}，xxx是js表达式，且可以直接读取到data中的所有属性，可以调用对象的方法 备注：里面写js表达式：有返回值的js代码，而不是js语句 指令语法： 功能：用于解析标签（包括：标签属性、标签体内容、绑定事件…..） 举例：v-bind:href="xxx" 或 简写为 :href="xxx"，xxx同样要写js表达式，且可以直接读取到data中的所有属性 备注...
09-高级的CSS 组件
高级的CSS组件表单定义表单控件Bootstrap 表单控件用于创建交互式元素。常见控件包括输入框、选择框、复选框和单选按钮等。使用 .form-control 类来设置文本框、文本区域、选择框等表单控件的样式。 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"> <title>高级的CSS组件</title> <!– Bootstrap核心css文件–> <link rel="stylesheet" href="https://cdn....
Vue
标签: Vue | Super Bing`s Hexo 文章31标签7分类3** 首页** 时间轴** 文档**** 标签 ** 分类** 爱好** ** 图片 ** 书籍** 项目** 友链** 关于[Super Bing`s Hexo](/blog/)** 搜索** 首页** 时间轴** 文档** ** 标签 ** 分类** 爱好** ** 图片 ** 书籍** 项目** 友链** 关于**# Vue标签 - Vue2024**2024-08-26【Vue】基础系列（八）生命周期 - 初始化显示 - 更新状态 - 死亡状态 - 父子组件**2024-08-26【Vue】基础系列（七）v-model - 自动收集数据 - 表单数据自动更新**2024-08-26【Vue】基础系列（六）事件处理 - 绑定监听 - 事件修饰符 - 按键修饰符**2024-08-26【Vue】基础系列（五）列表渲染v-for、key的原理、删除替换、过滤与排序**2024-08-23【Vue】基础系列（四）样式绑定 - class - style*...
01-vue2介绍
《循序渐进Vue.js 3.x前端开发实战》《Vue.js 3企业级应用开发实战》《Vue.js 3.x+Element Plus从入门到精通（视频教学版）》
13-项目案例：招聘网中的简历模板
bootstrap
14-项目案例：仿星巴克网站
bootstrap
15-项目案例：相册类博客项目
bootstrap
16-项目案例：设计流行企业网站
bootstrap
