您现在的位置是:网站首页> 编程资料编程资料
Vue选项之propsData传递数据方式_vue.js_
2023-05-24
368人已围观
简介 Vue选项之propsData传递数据方式_vue.js_
Vue选项
propsData进行传递数据
使用全局扩展器时可以利用propsData传递数据
先自定义header标签,利用Vue.extend进行扩展构造器,往扩展构造器传递数据时,需要在挂载时调用propsData传递数据。
propsData属性
运行结果:

附加:
propsData三步解决传值:
1.在全局扩展里加入props进行接收。propsData:{a:1}
2.传递时用propsData进行传递。props:[‘a’]
3.用插值的形式写入模板。{{ a }}
Vue.extend全局扩展的数据传递propsData
Document
![]()
以上为个人经验,希望能给大家一个参考,也希望大家多多支持。
相关内容
- JavaScript实现简单MD5加密的脚本分享_javascript技巧_
- vue解决Not allowed to load local resource问题的全过程_vue.js_
- 如何在vite初始化项目中安装scss以及scss的使用_vue.js_
- uniapp微信小程序强制更新解决示例详解_javascript技巧_
- js知识点总结之getComputedStyle的用法_javascript技巧_
- uniapp 使用定位示例详解_javascript技巧_
- 运行npm run dev报错的原因及解决_vue.js_
- 详解vant2 自动检查表单验证 -validate_React_
- vue中为何方法要写在methods的里面_vue.js_
- 微信小程序前后端数据交互的详细图文教程_javascript技巧_
