06.Vue相关
文章平均质量分 90
xjt_0901
这个作者很懒,什么都没留下…
展开
-
Vue 2装饰器模式使用文档
探索Vue项目中装饰器模式的使用,发现它能显著提升代码的整洁性。以下内容基于个人学习笔记,旨在分享装饰器在Vue 2中的应用。适合初级前端开发者阅读和参考。装饰器提供一种在类执行前后添加额外逻辑的语法,主要用于类及其成员的声明处理。原创 2024-03-07 13:57:57 · 511 阅读 · 1 评论 -
vue3虚拟dom和diff算法实现(模仿源码)
Vue 3 引入了许多新的改进和特性,其中之一是对虚拟 DOM (Virtual DOM) 和 Diff 算法的优化。在这篇文章中,我们将通过一个简单的示例来手动实现 Vue 3 风格的虚拟 DOM 和 Diff 算法。原创 2023-12-19 22:30:28 · 208 阅读 · 0 评论 -
vue2虚拟dom和diff算法实现(模仿源码)
Vue.js 作为一个现代的前端框架,使用虚拟 DOM (Virtual DOM) 和 Diff 算法来高效地更新视图。在本文中,我们将探索如何手动实现 Vue 2 中的简化版本的虚拟 DOM 和 Diff 算法。原创 2023-12-19 22:13:04 · 116 阅读 · 0 评论 -
手动实现 Vue 3的简易双向数据绑定(模仿源码)
effect。原创 2023-12-19 21:56:11 · 181 阅读 · 0 评论 -
手动实现 Vue 2 的简易双向数据绑定(模仿源码)
Watcher。原创 2023-12-19 21:38:53 · 118 阅读 · 0 评论 -
手动实现vue-router
手动实现vue-router hash模式和history两种模式原创 2022-08-08 16:23:18 · 391 阅读 · 0 评论 -
尚硅谷系统项目(实时更新)
前端Vue核心开发一个前端模块可以概括为以下几个步骤:(1)写静态页面、拆分为静态组件;(2)发请求(API);(3)vuex(actions、mutations、state三连操作);(4)组件获取仓库数据,动态展示;1、vue文件目录分析node_modules文件夹 项目依赖 比如babel:es6语法翻译为es5兼容性更好 以及vue框架等public文件夹:静态资源 ,webpack进行打包的时候会原封不动打包到dist文件夹中。pubilc/index.html:是一个原创 2022-01-12 19:21:30 · 1034 阅读 · 1 评论 -
07.VUE详细整理(七)--练习demo1-todolist-尚硅谷最新课程
1. 目标功能界面2. 界面模块拆分业务分析分模块创建组件3. 主页 index.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>vue_demo</title>原创 2021-12-15 19:27:03 · 352 阅读 · 0 评论 -
06.VUE详细整理(六)--VUE小技巧-尚硅谷最新课程
01.ref的使用引入:原生操作dom的方式被用来给元素或子组件注册引用信息(id的替代者)应用在html标签上获取的是真实DOM元素,应用在组件标签上是组件实例对象(vc)使用方式:打标识:<h1 ref="xxx">.....</h1>或 <School ref="xxx"></School>获取:this.$refs.xxx<template> <div> <h1 v-text="m原创 2021-12-15 19:26:23 · 119 阅读 · 0 评论 -
04.VUE详细整理(四)--VUE组件化编程-尚硅谷最新课程
Vue组件化编程01.模块与组件、模块化与组件化1.了解组件化解决了什么问题传统编程方式的问题组件化编程的思想组件的嵌套组件定义组件的定义-----实现应用中局部功能代码和资源的集合2…模块理解:向外提供特定功能的js程序,一般就是一个js文件为什么:js文件很多很复杂作用:复用js,简化js的编写,提高js运行效率3.组件理解:用来实现局部(特定)功能效果的代码集合(html/css/js/image……)为什么:一个界面的功能很复杂作用:复用编码原创 2021-12-11 16:31:46 · 491 阅读 · 0 评论 -
03.VUE详细整理(三)--VUE指令与生命周期-尚硅谷最新课程
1. 常用内置指令01.总览 我们学过的指令: v-bind : 单向绑定解析表达式, 可简写为 :xxx v-model : 双向数据绑定 v-for : 遍历数组/对象/字符串 v-on : 绑定事件监听, 可简写为@ v-if : 条件渲染(动态控制节点是否存存在) v-else : 条件渲染(动态控制节点是否存存在) v-show : 条件渲染 (动态控制节点是否展示) v-text指令: 1.作用:向其所在的节点中渲染文本内容,放入标签则原创 2021-12-09 22:28:00 · 274 阅读 · 0 评论 -
02..VUE详细整理(二)--VUE核心功能--尚硅谷最新课程
02..VUE详细整理(二)--VUE核心功能--尚硅谷最新课程原创 2021-12-08 15:20:20 · 362 阅读 · 0 评论 -
01.VUE详细整理(一)--初识VUE--尚硅谷最新课程
01.对vue的 基本认识01.框架整体评价是一款渐进式 且自底向上增量开发的设计的JavaScript 框架,用来动态构建用户界面渐进式:渐进式框架通俗点就是你可以只用我的一部分,而不是用了我这一点就必须用我的所有部分。正经一点就是一开始不需要你完全掌握它的全部功能特性,可以后续逐步增加功能。没有多做职责之外的事情,在不同的阶段,使用vue中不同的功能。对渐进式框架有趣的解释作者:寇云链接:https://www.zhihu.com/question/51907207/answer/136原创 2021-11-28 17:11:19 · 857 阅读 · 1 评论