Vue2.0 propsData
来源:互联网 发布:卫卫网域名怎么备案 编辑:程序博客网 时间:2024/06/06 06:30
propsData 不是和属性有关,他用在全局扩展时进行传递数据。先回顾一下全局扩展的知识,作一个<header></header>的扩展标签出来。实际我们并非推荐用全局扩展的方式作自定义标签,我们学了组件,完全可以使用组件来做,这里只是为了演示propsData的用法。
<header></header>
var fatherIsWho = Vue.extend({ template : `<p>{{question}}结果:{{answer}}</p>`, data: function(){ return { question : "你的爹地是谁?" } }, props:['answer'] }) new fatherIsWho({propsData:{'answer':'马云'}}).$mount('father')
扩展标签已经做好了,这时我们要在挂载时传递一个数字过去,我们就用到了propsData。
我们用propsData三步解决传值:
1、在全局扩展里加入propsData进行传递。propsData:{'answer':'马云'}
2、传递时用props进行接受。props:[‘answer’]
3、用插值的形式写入模板。{{ answer }}
总结:propsData在实际开发中我们使用的并不多,我们在后边会学到Vuex的应用,他的作用就是在单页应用中保持状态和数据的。阅读全文
0 0
- Vue2.0 propsData
- Vue2 向Vue.extend传参-propsData属性
- vue2.0
- vue2.0
- vue2.0
- vue2.0Demo
- Vue2.0环境搭建
- vue2.0生命周期
- Vue2.0 引用插件
- Vue2.0 配置文件解析
- vue2.0变化
- Vue2.0配置文件解析
- Vue2.0简易案例
- vue2.0 过滤器用法
- vue2.0 自定义指令
- Vue2.0-3-指令
- Vue2.0+CKeditor
- Vue2.0学习笔记
- Toast,Dialog,PopupWindow,Notifaction
- 浅谈一类积性函数的前缀和
- pitch yaw roll 的区别
- 暑期集训之畅通工程1
- 数组实现单调栈
- Vue2.0 propsData
- JS实现滚动窗口
- 说说ArrayList的ConcurrentModificationException
- SCU 1114:数字三角(动态规划)
- 签名算法
- Glide开源库存在的暗坑
- Java程序猿学习当中各个阶段的建议,想收藏但是说我没登录so干脆就复制过来了
- 机器学习实验—K-MEANS聚类
- 远程调试端口被占用