Vue
文章平均质量分 83
最近越发感觉到了解Vue的基本原理和一些底层对于解决实际问题的重要性,所以用这个专栏记录一些我再次学习官方文档的理解,也希望这个专栏中的文章能起到抛砖引玉的作用,欢迎大家一起学习、讨论,共同进步。
竹石七
这个作者很懒,什么都没留下…
展开
-
Vue生命周期详解
一、前言在使用Vue进行实际开发中,经常在created,mounted等生命周期钩子函数内进行数据,逻辑的处理,但基本都是看别人在哪个生命周期内请求数据,在哪个生命周期内操作DOM,自己也照搬如此使用,是“知其然而不知其所以然的”状态。今儿趁着手头工作忙完这段时间,特别研究了一下生命周期,记录一下自己的学习笔记。二、生命周期2.1、生命周期的四个阶段和8个生命周期钩子函数详解2.1.1、阶段一包含的生命周期钩子函数:beforeCreate、created;beforeCreate、crea原创 2022-04-15 18:01:49 · 1176 阅读 · 0 评论 -
vue组件mounted中window.onresize无效
一、问题描述在开发中发现,有两个vue组件中mounted中都用了window.onresize,但是在其中一个组件中正常,在另一个组件中无效。二、问题分析我注意到组件A是组件B的父组件,组件A(父组件)中window.onresize功能正常,组件B(子组件)中window.onresize功能无效。初步猜测是由于父子组件中同时使用,导致子组件中的失效。三、问题解决我尝试把子组件中的window.onresize = () => { console.log(27)}写成:wi原创 2022-03-09 13:42:47 · 2092 阅读 · 0 评论 -
rem结合媒体查询适配的vue项目(PC端和移动端共用一套代码)
一、前言上周四接到了一个简单的纯前端网页的项目,我用了三天时间已经开发并且部署完毕(为了实现快速简易部署,使用了gitee pages进行部署,这篇文章记录我使用gitee pages部署的详细过程)。这个展示页要求在PC端和移动端双场景使用,但是由于页面简单,为了简单起见,我采用rem结合媒体查询适配开发一套代码来实现这个场景要求。二、实现结合媒体查询的rem适配2-1、rem布局2-1-1、什么是remrem是CSS3新增的一个相对单位(root em,根em),这个单位与em有什么区别呢?区原创 2021-11-16 13:33:23 · 5351 阅读 · 0 评论 -
使用gitee pages部署vue-cli4.X搭建的纯前端vue项目
一、前言最近做了一个纯前端的静态展示页面,为了方便起见,直接将它部署到了gitee pages上,期间也遇到了一些问题,比如部署后没有页面,控制台报错的404找不到资源的问题,但最后还是成功部署了项目。二、实现gitee pages部署2-1、gitee pages部署准备工作2-1-1、首先,你需要将gitee pages这个功能开通,开通这个需要身份证等一些个人材料...原创 2021-11-11 14:09:56 · 1348 阅读 · 3 评论 -
vue-cli4.X快速搭建项目
一、前言最近,接到一个新项目,又换了新电脑,安装vue-cli快速搭建项目时,没指定版本,直接安装到了4.5.14版本,记录一下从安装脚手架到项目搭建的全过程。二、安装vue-cli2-1、指定版本安装2-2、不指定版本安装(直接安装最新版本)三、使用命令行搭建项目3-1、3-2、3-3、四、使用图形化工具搭建项目五、说明...原创 2021-11-05 15:09:09 · 629 阅读 · 0 评论 -
Vue多页面应用开发
一、前言我们平常对Vue的印象有这样一种感觉:Vue就像专门为单页面应用(SPA)而生,因为Vue的官方文档中也有这样的描述:实则非也,因为vue在工程化开发的时候依赖于 webpack ,而webpack是将所有的资源整合到一块后形成一个html文件 一堆 js文件, 如果将vue实现多页面应用,就需要对他的依赖进行重新配置,也就是修改webpack的配置文件.vue的开发有两种,一种是直接的在script标签里引入vue.js文件即可,这样子引入的话个人感觉做小型的多页面会比较舒坦,一旦做大型一原创 2021-06-30 16:41:24 · 2497 阅读 · 0 评论