![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
3.Vue的选项
文章平均质量分 85
bug的生产者
这个作者很懒,什么都没留下…
展开
-
propsData Option 全局扩展的数据传递
来源于技术胖的视频讲解1.先写一个Vue的扩展实例代码:2.我们需要在扩展挂载的时候传递一个数据过去,并在页面上展示出来,这个时候我们用到了propsData来进行传值在全局扩展里面加入props进行接受 props:['a']在挂载时利用propsData进行传递 {propsData:{a:12}}利用插值的方式展示出来 {{a}}...转载 2019-07-14 11:53:36 · 127 阅读 · 0 评论 -
computed Option 计算选项
来源于技术胖的视频讲解计算属性作用:在不污染原始数据的情况下,对数据进行预处理,比如说格式编辑,大小写转换,顺序重排,添加符号等等1.基本作用实例12.将按照时间顺序正序排列的列表进行倒序排列效果图代码:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /...转载 2019-07-24 22:33:16 · 196 阅读 · 0 评论 -
Methods方法
来源于技术胖的视频讲解1.Methods方法里面的传值这里的$event是与鼠标相关的一些事件,具体为在控制台打印的东西代码:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content=...转载 2019-07-24 23:02:00 · 1924 阅读 · 0 评论 -
watch监听
通常用预监听数据的1.在构造器里面写监听函数代码<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" ...转载 2019-07-25 23:11:36 · 145 阅读 · 0 评论 -
Mixins 混入选项操作
来源于技术胖的视频讲解1.Mixins的一般用处在你已经写好了构造器后,需要增加方法或者临时的活动时使用的方法,这时用混入会减少源代码的污染。混入的先执行原生的后执行<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name...转载 2019-07-25 23:40:15 · 142 阅读 · 0 评论 -
extends及delimiters选项
1.扩展的先执行,原生的后执行2.扩展的方法和原生的方法相同时,扩展的方法不执行3.只能有一个扩展<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-w...转载 2019-07-28 11:04:07 · 137 阅读 · 0 评论