VUE系列
文章平均质量分 91
轩轩990218
三年经验前端工程师,各类组件库,框架教学式博客
展开
-
Vue day05
正课: 脚手架: 脚手架文件夹结构 ES6的模块化开发 学子商城项目的制作过程: 懒加载: http-proxy: 一. 脚手架: 问题: 现代的前端项目结构非常复杂!如果任由什么人随意定义项目的文件夹结构,后果,项目与项目之前结构差异极大!即不便于维护,也不便于开发人员快速适应! 解决: VUE官方出了一套标准化的vue项目结构!所有使用vue框架开发的项目都要遵守这个标准化项目结构!——脚手架 好处: 几乎所有用vue做到项目,文件夹结构几乎是完全一样的!开发人员可以非常快速的适应新项目! 何时:原创 2021-06-11 11:04:20 · 127 阅读 · 1 评论 -
Vue day04
正课: 组件 组件化开发 SPA 脚手架 脚手架文件夹结构 一. 组件: 什么是: 拥有专属的HTML+CSS+JS+数据的独立的可重用的页面功能区域 为什么: 重用 何时: 今后只要一个功能可能会被反复使用时,都用组件 如何: (1). 创建组件: 组件 Vue.component("组件名",{ //模板/界面 template:`HTML片段`, //必须用唯一父元素包裹 data(){ return { //模型对象 数据/变量: 值, ... : ... }原创 2021-06-10 09:25:54 · 119 阅读 · 0 评论 -
vue day03
正课: 绑定样式: 自定义指令 计算属性 过滤器 axios 生命周期 组件 一. 绑定样式: 绑定内联样式: (1). 不好的做法: 将style属性看做一个普通的字符串属性进行绑定。 a. <元素 :style="变量"> data:{ 变量: "css属性:值; css属性:值;..." } b. 问题: 极其不便于只操作其中某一个css属性 (2). 好的办法: 将style看做一个对象来绑定。每个css属性都是对象中的一个属性。 结果: "css属性1:属性原创 2021-06-09 10:16:07 · 104 阅读 · 0 评论 -
Vue day02
正课: 指令 双向绑定 绑定样式 一. 指令: 13种: v-on: 对应小程序视频:小程序->在线->VUE->day02 1. 绑定事件 (1). 什么是: 专门绑定事件的指令 (2). 何时: 今后只要一个元素可能触发事件,都用v-on来绑定事件. (3). 如何: a. 标准: <元素 v-on:事件名="处理函数名(实参值列表)"> b. 简写: <元素 @事件名="处理函数名(实参值列表)"> c. 更简写: 如果事件处理函数不需要传参,则可以省原创 2021-06-08 09:33:30 · 92 阅读 · 0 评论 -
Vue day01
一. 什么是VUE: 什么是: (1). 第三方开发的: 必须要下载才能使用 (2). 基于MVVM设计模式的: (待续…) (3). 渐进式的: 可以逐步在项目中使用vue的技术。比较容易和其他技术(DOM、jQuery)混搭。但是,强烈不建议! (4). 纯前端js框架: 与nodejs无关,只需要浏览器就可以运行! 为什么: 传统DOM和jQuery都存在着大量重复的编码!只有vue以及同类框架技术,才能几乎彻底的避免大量重复编码!提高开发效率 何时: 今后,只要以数据操作为主的项目,都可原创 2021-06-07 10:49:49 · 149 阅读 · 0 评论 -
VUE 总结
总结: this 8种: 判断this,一定不要看定义在哪儿!只看调用时! 1. obj.fun() this->obj 2. fun() 或 (function(){ ... })() 或 多数回调函数 或 定时器函数 this->window 3. new Fun() this->new正在创建的新对象 4. 类型名.prototype.共有方法=function(){ ... } this->将来谁调用指谁,同第一种情况 5. DOM或jq中事件处理函数中的t原创 2021-06-07 10:41:00 · 105 阅读 · 0 评论 -
Vue 3中令人兴奋的新功能 由Filip Rakowski撰写
我们已经知道用新的主要版本Vue编写的应用程序性能会很好,但是性能并不是最重要的部分。对我们开发人员而言最重要的是,新版本将如何影响我们编写代码的方式。 如您所料,Vue 3带来了许多令人兴奋的新功能。 值得庆幸的是,Vue团队主要介绍了对当前API的添加和改进,而不是进行重大更改,因此,已经了解Vue 2的人们应该很快对新语法感到满意。 让我们从大多数人可能听说过的API开始… 合成API 组合API是Vue的下一个主要版本中最常用的讨论和特色语法。这是一种全新的逻辑重用和代码组织方法。 当前,我们使用所转载 2021-04-16 16:31:01 · 111 阅读 · 0 评论 -
VUE生命周期
关于VUE 生命周期的那些毛病 我们都知道在VUE这个便捷的框架中有个叫生命周期的玩意,不仅仅在面试中是个经常被问到的知识点,更是我们在开发过程中必须面对的实际问题,下面就让我这个新人小白带大家梳理一下吧! 什么是生命周期? Vue生命周期是指vue实例对象从创建之初到销毁的过程,vue所有功能的实现都是围绕其生命周期进行的,在生命周期的不同阶段调用对应的钩子函数可以实现组件数据管理和DOM渲染两大重要功能。 我们来看一下官方给出的生命周期的图 生命周期详解 从上面这幅图中,我们可以看到vue生命周期可以原创 2021-04-15 09:44:08 · 71 阅读 · 0 评论