3.Vue的选项
关注
分享
扫一扫
文章平均质量分 85
bug的生产者
这个作者很懒，什么都没留下…
展开
-
propsData Option 全局扩展的数据传递
来源于技术胖的视频讲解 1.先写一个Vue的扩展实例 代码： 2.我们需要在扩展挂载的时候传递一个数据过去，并在页面上展示出来，这个时候我们用到了propsData来进行传值 在全局扩展里面加入props进行接受 props:['a'] 在挂载时利用propsData进行传递 {propsData:{a:12}} 利用插值的方式展示出来 {{a}} ...转载 2019-07-14 11:53:36 · 159 阅读 · 0 评论 -
computed Option 计算选项
来源于技术胖的视频讲解 计算属性作用：在不污染原始数据的情况下，对数据进行预处理，比如说格式编辑，大小写转换，顺序重排，添加符号等等 1.基本作用实例1 2.将按照时间顺序正序排列的列表进行倒序排列 效果图 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /...转载 2019-07-24 22:33:16 · 237 阅读 · 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 · 1997 阅读 · 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 · 203 阅读 · 0 评论 -
Mixins 混入选项操作
来源于技术胖的视频讲解 1.Mixins的一般用处 在你已经写好了构造器后，需要增加方法或者临时的活动时使用的方法，这时用混入会减少源代码的污染。 混入的先执行原生的后执行 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name...转载 2019-07-25 23:40:15 · 217 阅读 · 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 · 176 阅读 · 0 评论