随笔分类 -  VUE

VUE动态渲染导致overflow失效
摘要：在vue如果使用v-for动态渲染vue，而没有提前设置好子项的宽高就会导致父盒子无论有没有设置宽高和overflow，只要内容总高度大于父盒子那么内容就会把父盒子撑大。 引发这个问题的原因据我推测是v-for渲染的子项时，如果没有设置子项宽高，那么就会去计算子项宽高，overflow属性要根据内容 阅读全文
posted @ 2022-06-11 23:11 maplerain 阅读(705) 评论(0) 推荐(0)
VUE（四）
摘要：动态组件 什么是动态组件 动态组件指的是动态切换组件的显示与隐藏 如何实现动态组件渲染 vue提供了一个内置的<component>组件，专门用来实现动态组件的渲染。示例diamante如下： data(){ return{ // 当前要渲染的组件名称 comName:'Left' } } <!-- 阅读全文
posted @ 2022-06-08 15:41 maplerain 阅读(56) 评论(0) 推荐(0)
VUE（三）
摘要：组件的生命周期 生命周期 & 生命周期函数 生命周期（Life Cycle）是指一个组件从 创建->运行->销毁 的整个阶段，强调的是一个时间段。 生命周期函数:是由vue框架提供的内置函数，会伴随着组件的生命周期，自动按次序执行。 生命周期强调的是时间段，生命周期函数强调的是时间点 组件之间共享数 阅读全文
posted @ 2022-06-04 15:06 maplerain 阅读(44) 评论(0) 推荐(0)
VUE（二）
摘要：watch 侦听器 什么是watch侦听器 watch侦听器允许开发者监视数据的变化，从而针对数据的变化作特定的操作。 语法格式如下： const vm = new Vue({ el:"#app", data:{ username:"" }, watch:{ // 监听 username 值的变化 阅读全文
posted @ 2022-06-02 23:28 maplerain 阅读(45) 评论(0) 推荐(0)
VUE（一）
摘要：vue简介 什么是vue？ 官方给出的概念：Vue（读音/vju:/，类似于view）是一套用于构建用户界面的前端框架 vue的特性 vue框架的特性，主要体现在如下两方面： ① 数据驱动视图 ② 双向数据绑定 数据驱动视图 在使用了vue的页面中，vue会监听数据的变化，从而自动重新渲染页面的结构 阅读全文
posted @ 2022-06-02 20:37 maplerain 阅读(89) 评论(0) 推荐(0)
VUE框架知识储备（一）——webpack
摘要：前端工程化 模块化（js 的模块化、css的模块化、资源的模块化） 组件化（复用现有的UI结构、样式、行为） 规范化（目录结构的划分、编码规范化、文档规范化、Git分支管理） 自动化（自动化构建、自动化部署、自动化测试） 什么是前端工程化 前端工程化指的是：在企业级的前端项目开发中,把前端开发所需的 阅读全文
posted @ 2022-06-02 10:07 maplerain 阅读(81) 评论(0) 推荐(0)