【源码】Vue.js 官方脚手架 create-vue 是怎么实现的？
最近系统学习了vue.js 的官方脚手架create-vue的源码，深入分析了里面的技术实现细节，本文是我整理的源码学习文章。 ... »
Vue.js 官方脚手架 create-vue 是怎么实现的？
Vue.js 官方脚手架 create-vue 是怎么实现的？ 摘要 本文共分为四个部分，系统解析了vue.js 官方脚手架 create-vue 的实现细节。 第一部分主要是一些准备工作，如源码下载、项目组织结构分析、依赖分析、功能点分析等； 第二部分分析了 create-vue 脚手架是如何执行 ... »
【技术积累】Vue.js中的CSS过渡【一】
博客推行版本更新，成果积累制度，已经写过的博客还会再次更新，不断地琢磨，高质量高数量都是要追求的，工匠精神是学习必不可少的精神。因此，大家有何建议欢迎在评论区踊跃发言，你们的支持是我最大的动力，你们敢投，我就敢肝 ... »
【技术积累】Vue.js中的组件库【一】
博客推行版本更新，成果积累制度，已经写过的博客还会再次更新，不断地琢磨，高质量高数量都是要追求的，工匠精神是学习必不可少的精神。因此，大家有何建议欢迎在评论区踊跃发言，你们的支持是我最大的动力，你们敢投，我就敢肝 ... »
【技术积累】Vue.js中的事件【一】
博客推行版本更新，成果积累制度，已经写过的博客还会再次更新，不断地琢磨，高质量高数量都是要追求的，工匠精神是学习必不可少的精神。因此，大家有何建议欢迎在评论区踊跃发言，你们的支持是我最大的动力，你们敢投，我就敢肝 ... »
【技术积累】Vue.js中的基础概念与语法【一】
博客推行版本更新，成果积累制度，已经写过的博客还会再次更新，不断地琢磨，高质量高数量都是要追求的，工匠精神是学习必不可少的精神。因此，大家有何建议欢迎在评论区踊跃发言，你们的支持是我最大的动力，你们敢投，我就敢肝 ... »
【Vue2.x源码系列08】Diff算法原理
vue2采用了头尾双指针的方法，每次比对时，优先进行头头、尾尾、头尾、尾头的比对尝试，如果都没有命中才会进行乱序比对。当比对命中时（新旧节点是相同的），则调用patchVnode打补丁并递归比较子节点；打完补丁后呢，如果该节点是头指针指向的节点就向后移动指针，是尾指针指向的节点则向前移动指针 ... »
2023年最新的vue.js下载和安装的3种方法
目录 1. 文章引言 2. 环境搭建 3. 安装vue.js 3.1 方法一：官网下载vue.js源代码 3.2 方法二：使用npm install创建 3.3 方法三：使用bower下载 4. 总结 1. 文章引言 我主要从事java后端开发，但对前端也非常感兴趣，立志成为全栈工程 »
Vue.js结合SortableJS实现树形数据拖拽
目录 需求 实现 避坑(树形结构导致下标错乱) 避坑(树形结构导致拖拽父级子级数据不跟随父级移动) 避坑(刷新表格导致抖动) 平级数据拖拽 小结 需求 表格实现行拖拽,要求只支持同级拖拽！ 实现 使用插件:SortableJS,可以参考官网配置项！ // 安装 npm insta »
Vue.js按键修饰符及v-model修饰符示例详解
目录 一、按键修饰符 （1）回车键按键修饰符示例 （2）自定义按键修饰符示例 二、v-model修饰符 （1）.lazy （2）.number （3）.trim 一、按键修饰符 v-on指令用来进行事件监听（如单击事件、键盘事件等） v-on监听键盘事件的基本使用示例： & »
vue.js模版插值的原理与实现方法简析 原创
原理 Vue.js 模板插值的原理是利用了 JavaScript 的模板字符串，采用了数据绑定的方式将数据与视图进行关联，在渲染过程中动态生成 HTML 内容。 具体实现方法 1. 实例化 Vue 对象：需要创建一个 Vue 对象，将要使用的数据及操作函数写在其中，并且指定模板所在的元素。可以 »
vue.js父子组件传参的原理与实现方法 原创
在Vue中，父子组件之间的数据传递常常会使用props进行实现。具体原理是，当一个父组件嵌套了一个子组件时，在子组件内部使用props接收从父组件传递过来的数据，这些数据可以是基础类型如字符串、数字等，也可以是对象或者数组等复杂类型。 下面展示一个例子，通过一个简单的计数器组件Counter.vu »
vue.js父子组件传参的原理与实现方法 原创
在Vue中，父子组件之间的数据传递常常会使用props进行实现。具体原理是，当一个父组件嵌套了一个子组件时，在子组件内部使用props接收从父组件传递过来的数据，这些数据可以是基础类型如字符串、数字等，也可以是对象或者数组等复杂类型。 下面展示一个例子，通过一个简单的计数器组件Counter.vu »
Vue.js中class与style的增强绑定实现方法
目录 一、v-bind绑定class属性 （1）绑定class样式，字符串写法 （2）绑定class样式，数组写法 （3）绑定class样式，对象写法 二、v-bind绑定内联样式style （1）绑定style样式---对象形式 （2）绑定style样式---数组写法 在web前端 »
使用Vue.js实现数据的双向绑定
目录 如何用Vue.js实现数据的双向绑定？ 1. 理解双向绑定 2. 使用v-model指令 3. 使用自定义组件实现双向绑定 4. 数据劫持 5. 模板引擎 6.Object.defineProperty()详解 如何用Vue.js实现数据的双向绑定？ 在Vue.js中，双向数据绑定是 »
怎么使用Vue.js实现数据的双向绑定
这篇文章主要讲解了“怎么使用Vue.js实现数据的双向绑定”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“怎么使用Vue.js实现数据的双向绑定”吧！ 如何用Vue.js实现数据的双向绑定？ 在Vue.js中，双向数据绑定是一项非常强大的功能，它能够使 »
使用Vue.js实现文字跑马灯效果
实现文字跑马灯效果，首先用到 substring()截取 和 setInterval计时器 clearInterval()清除计时器 效果如下： 实现代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ... »
vue.js如何在网页中实现一个金属抛光质感的按钮
目录 前言 效果 电脑效果 手机效果 说明 完整代码 总结 前言 诶？这有一个按钮(～￣▽￣)～，这是一个在html中实现的具有金属质感并且能镜面反射的按钮~ 效果 电脑效果 手机效果 说明 主要思路是使用 navigator.mediaDevice »
怎么在Vue.js中嵌套Grid表格并绑定数据
这篇文章主要讲解了“怎么在Vue.js中嵌套Grid表格并绑定数据”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“怎么在Vue.js中嵌套Grid表格并绑定数据”吧！ 在Vue.js中嵌套Grid表格非常容易，只需要使用 »
Vue.js中的会话数据怎么使用
这篇文章主要介绍了Vue.js中的会话数据怎么使用的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇Vue.js中的会话数据怎么使用文章都会有所收获，下面我们一起来看看吧。 Vue.js中的会话概述 会话是Web应用程序中的一种机制，可帮助将 »