Vue
关注
分享
扫一扫
文章平均质量分 80
关于学习中Vue的那点事儿
蛞蝓不孤寡
我这个人是简介不完的
展开
-
index为什么不能作为v-for的key？
index为什么不能作为v-for的key？一、为什么要使用key？二、index为什么不能作为v-for的key？一、为什么要使用key？key 的作用主要是为了高效地更新虚拟DOM。例如，在B和C之间插入F：Diff 算法默认执行的过程：这种做法C更新成F，D更新成C，E更新成D，最后再插入E，这样效率不高，且性能不够好。但如果使用了key给每个节点做一个唯一标识，Diff算法就能正确地识别这个节点，找到正确的位置插入新的节点。二、index为什么不能作为v-for的key？以下原创 2021-08-17 16:47:50 · 276 阅读 · 0 评论 -
怎么使用Vue脚手架搭建项目环境？
Vue 脚手架(vue-cli) 的环境搭建关于Vue 脚手架(vue-cli)vue 脚手架指的是 vue-cli 它是 vue 官方提供的一个快速构建单页面（SPA）环境配置的工具，cli 就是(command-line-interface ) 命令行界面。vue 脚手架用于自动生成 vue.js+webpack 的项目模板，分为 vue init webpack-simple 项目名 和 vue init webpack 项目名两种。其本质就是给出一套文件结构，包含基础的依赖库，用户只需要原创 2021-03-08 18:27:36 · 244 阅读 · 0 评论 -
Vue中的自定义指令——全局和局部
Vue中的自定义指令一、注册全局指令二、注册局部指令通过自定义指令，我们可以对DOM进行更多的底层操作，这样不仅可以在某些场景下为我们提供解决问题的思路，而且让我们对vue的底层有了进一步的了解。一、注册全局指令通过Vue.directive({})注册全局指令钩子函数：（1）bind：此钩子函数只会被调用一次，可以定义一个在绑定时执行一次的初始化动作（2）inserted：当被绑定的元素插入到父元素中时调用（3）update：不论被绑定的值是否发生了变化，在更新时都会被调用（4）compo原创 2021-03-04 11:24:00 · 939 阅读 · 2 评论 -
Vue中的常见指令
Vue中的常见指令一、如何使用Vue二、Vue指令一、如何使用Vue1、引入vue.js<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="../js/vue.js"></script>//引入vue.js <title>Do原创 2021-03-01 14:17:28 · 852 阅读 · 0 评论 -
关于Vue的那些事儿
架构图及Vue的简介目录架构图及Vue的简介一、前后端分离总架构图二、前端架构设计图三、MVVM架构模式四、Vue简介五、Vue 热加载六、Vue 的双向数据绑定的原理一、前后端分离总架构图在前后端分离的应用模式中，后端仅返回前端所需的数据，不再渲染HTML页面，不再控制前端的效果。至于前端用户看到什么效果，从后端请求的数据如何加载到前端中，都由前端自己决定，网页有网页的处理方式，App有App的处理方式，但无论哪种前端，所需的数据基本相同，后端仅需开发一套逻辑对外提供数据即可。在前后端分离的应用原创 2021-02-23 18:09:22 · 715 阅读 · 0 评论