vue
文章平均质量分 82
这是我在学习vue时的笔记
the coderwu
谁知道明天和意外哪个先来
展开
-
vue学习总结--实现溢出的文字用‘...’表示,使用text-overflow属性
写前端代码时,有时候一串很长的文字在一行中存不下,这时候我们希望让多余的文字以’…'的形式呈现,比如下面这个例子这时候我们就要用到文字溢出的text-overflow属性具体代码如下:div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}这里分享一个小技巧,如果这个属性有很多地方重复使用...原创 2020-03-12 10:50:21 · 1172 阅读 · 1 评论 -
Vue-Devtools安装配置教程
最简便的方法是用FQ来通过google应用商店进行安装,但是大多数人还是处在非FQ的状态尝试过安装Node的方法来安装,但是极其不建议用这个方法安装,非常麻烦,而且必须要有node的基础,非常不接地气下面来一个最简便的方法(送给伸手党):查看过很多博客大多数都是,要安装Vue-Devtools,在一个github下面用git clone或者手动下载一个叫做vue-devtools-maste...转载 2020-01-23 11:06:30 · 833 阅读 · 0 评论 -
vue学习总结--基础指令
一.基本指令v-for:遍历数组举个栗子:遍历data中的movies数组<li v-for="item in movies">{{item}}</li>//注意,此处的item是自己决定的,不是固定要写itemdata:{ movies:['钢铁侠','蜘蛛侠','蝙蝠侠'] //注意数组的书写格式}2.v-cloak:保持和元素实例...原创 2020-02-17 11:59:40 · 163 阅读 · 0 评论 -
vue学习总结--computed和methods的区别
区别:1.computed是属性调用,使用时直接将computed拿过去就行;methods是函数调用,使用时要写成methods(),必须加上括号2.computed有缓存,每次执行都会保存结果,只有相关响应式依赖发生改变时它们才会重新求值,要用1w个computed,只需要执行一次;methods每次模板编译都要重新运行,要用1w个methods,只需要执行1W次代码说明:<di...原创 2020-02-18 13:29:59 · 234 阅读 · 0 评论 -
vue学习总结--如何修改网页导航左边的小图标
运行结果:原创 2020-02-21 17:43:53 · 1549 阅读 · 0 评论 -
vue学习总结--父子组件的通信(父传子)
文章目录1.简单描述2.props属性的基本用法2.1 字符串数组用法(不常用)2.2 对象用法(常用)1.简单描述在开发中往往需要数据从上层传递到下层,这就是父子组件的作用如何进行父子组件的通信呢?vue官方给出通过props属性向子组件传递数据通过事件向父组件发送消息2.props属性的基本用法首先props是一种属性,和data,methods一样,数组里面放上要引用的变...原创 2020-02-27 11:51:38 · 238 阅读 · 0 评论 -
vue学习总结--父子组件通信(props的驼峰标识)
先放源码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <cpn :c-info="in...原创 2020-02-28 10:06:11 · 325 阅读 · 1 评论 -
vue学习总结--组件通信(子传父)
组件的父子通信由自定义事件来完成什么时候需要自定义事件呢?当子组件需要向父组件传递数据时v-on不仅可以用于监听DOM事件,也可以用于组件间的自定义事件自定义事件的流程:在子组件中,通过$emit()来触发事件在父组件中,通过v-on来监听组件事件完整案例代码:(1234分别表示最关键的四步)<!DOCTYPE html><html lang="en"&...原创 2020-03-02 10:53:41 · 138 阅读 · 0 评论 -
vue学习总结--引入reset.css与border.css
1.reset.css,初始化整体样式,去除某些标签的默认样式,比如<li></li>的小黑点;因为每个人用的初始化样式都有所区别,但都大同小异,所以这里我只放我目前在用的代码,大家也可以自行搜索其他开发者发布的版本html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, block...原创 2020-03-07 10:08:30 · 459 阅读 · 0 评论 -
vue学习总结--移动端300ms延迟的由来及解决
由来:300 毫秒延迟的主要原因是解决双击缩放(double tap to zoom)。双击缩放,顾名思义,即用手指在屏幕上快速点击两次,iOS 自带的 Safari 浏览器会将网页缩放至原始比例。 那么这和 300 毫秒延迟有什么联系呢? 假定这么一个场景。用户在 iOS Safari 里边点击了一个链接。由于用户可以进行双击缩放或者双击滚动的操作,当用户一次点击屏幕之后,浏览器并不能立刻判断...转载 2020-03-07 10:32:29 · 277 阅读 · 0 评论