首页

Vue 数据更新了但页面没有更新的 7 种情况汇总及延伸总结

释然 前端及开发文章及欣赏

1. Vue 无法检测实例被创建时不存在于 data 中的 property 原因:由于 Vue 会在初始化实例时对 property 执行 getter/setter 转化,所以 property 必须在 data 对象上存在才能让 Vue 将它转换为响应式的。 场景: var vm = new Vue({  data:{}...

阅读全文>>

2020年,令人惊叹的Echarts!

前端达人 前端及开发文章及欣赏

1.可视化面板介绍 应对现在数据可视化的趋势,越来越多企业需要在很多场景(营销数据,生产数据,用户数据)下使用,可视化图表来展示体现数据,让数据更加直观,数据特点更加突出。 01-技术要点 div + css 布局 flex 布局 Less 原生js + jquery 使用 rem适...

阅读全文>>

小白学VUE——快速入门

前端达人 前端及开发文章及欣赏

文章目录 小白学VUE——快速入门 前言:什么是VUE? 环境准备: vue的js文件 vscode Vue入门程序 抽取代码片段 vue标准语法: 什么是vue指令? v-bind指令 事件单向绑定 v-model:事件双向绑定 v-on事件监听指令 v: on:submit.prevent指令 v-if 判断指令 v-for 循环渲染指令 前言:...

阅读全文>>

v-if 和 v-show的区别

前端达人 前端及开发文章及欣赏

简单来说,v-if 的初始化较快,但切换代价高;v-show 初始化慢,但切换成本低 1.共同点 都是动态显示DOM元素 2.区别 (1)手段: v-if是动态的向DOM树内添加或者删除DOM元素; v-show是通过设置DOM元素的display样式属性控制显隐; (2)编译过程: v-if切换有一个局部编译/卸载的过程,...

阅读全文>>

Webpack:知识点总结以及遇到问题的处理办法

前端达人

文章目录 0.官方文档: 1.webpack概述: 2.webpack的基本使用: 3.在项目中安装和配置 webpack: 4.配置自定义打包的自定义入口和出口: 4.配置自动打包功能: 5.配置生成预览页面功能: 6.配置自动打包相关参数: 7.webpack 中的加载器: 8.loader加载器的基本使用: 9.Vue单文件组件: 10.webpack 打包发布: 11.以上所有配置 web...

阅读全文>>

vue,vant,使用过程中 Swipe 轮播自定义大小遇到的坑

前端达人 随笔的一些文章

今天讲一下使用vant Swipe 轮播控件过程中遇到的问题 主要是使用swiper自定义的大小的时候,宽度适应不同分辨率的移动设备 适应宽度的同时还需控件的正常使用 先看一下需要实现的功能, 一个简单的轮播图,但是每个轮播的宽度需要低于100%,使第二个轮播的van-swipe-item可以展示到第一个位置一部分 ...

阅读全文>>

vue + vuex + koa2开发环境搭建及示例开发

释然 前端及开发文章及欣赏

写在前面 这篇文章的主要目的是学会使用koa框架搭建web服务,从而提供一些后端接口,供前端调用。 搭建这个环境的目的是: 前端工程师在跟后台工程师商定了接口但还未联调之前,涉及到向后端请求数据的功能能够走前端工程师自己搭建的http路径,而不是直接在前端写几个死数据。即,模拟后端接口。 当然在这整个过程(搭建环境 + 开发示例demo)中,涉及到以下几点知识点。 包括...

阅读全文>>

vue实现移动端悬浮窗效果

前端达人 前端及开发文章及欣赏

本文讲述,在使用VUE的移动端实现类似于iPhone的悬浮窗的效果。 相关知识点 touchstart 当在屏幕上按下手指时触发 touchmove 当在屏幕上移动手指时触发 touchend 当在屏幕上抬起手指时触发 mousedown mousemove mouseup对应的是PC端的事件 ...

阅读全文>>

vue父组件向子组件传值

前端达人 前端及开发文章及欣赏

非常简单,相信大家一看就懂 复制到浏览器即可使用,注意别忘了引入vue哦 <div id="app"> <div>{{pmsg}}</div> <menu-item :title='ptitle' :content='ptitle'></menu-item> </d...

阅读全文>>

vue非父子组件间的传值

前端达人 前端及开发文章及欣赏

vue非父子组件传值的基本语法 创建一个新的vue对象 var newvue = new Vue() 触发事件 newvue.$emit('自定义事件名', 参数) 监听事件 newvue.on('自定义事件名', 触发方法名) 销毁事件 newvue.off('自定义事件...

阅读全文>>

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档