Vue2 向Vue.extend传参-propsData属性

来源:互联网 发布:js点击加号输入框加一 编辑:程序博客网 时间:2024/05/29 15:30

效果:

Vue.extend的propsData 用得很少,仅用于开发环境

我是网站头部 I am message! -by wss
代码:
<body><h1>Vue.extend的propsData 用得很少,仅用于开发环境</h1><div id="head2"></div><script>    var CommonHeader = Vue.extend({        template:"<header>我是网站头部 {{ message }}  -by {{ username }}</header>",        data:function () {            return{                message:"I am message!"            }        },        props:['username']    });    var header = new CommonHeader({        propsData:{            username:"wss"        }    }).$mount("#head2");</script></body>

原创粉丝点击