<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/vue.js"></script> </head> <body> <div id="app"> <my-comp :name="msg" :lev="levv"></my-comp> </div> </body> <script> // 在VUE中从父组件想子组件传递数据:使用自定义属性【props】 // 在页面上为自定义属性赋值的时候,注意书写方式 Vue.component("myComp",{ props:["name","lev"], template:"<h1>我是组件,欢迎您【{{name}}】来到系统,您的等级是{{lev}}</h1>" }); new Vue({ el:"#app", data:{ msg:"小明", levv:1 } }); </script> </html>
Vue---父 --> 子 之间传递参数
最新推荐文章于 2021-05-10 10:37:39 发布