用原生JS模拟Vue的State插件的写法
<html>
<body>
<input type="text" id="myinput">
</body>
<script>
var myinput = document.querySelector('#myinput');
function Vue() {
}
Vue.Use = function (F, options) {
F(this, options);
}
var VueState = function install(VueObj, state) {
Object.defineProperty(VueObj.prototype, '$state', {
get: () => state
})
};
Vue.Use(VueState, {
age: 18,
name: 'Liu Yi'
});
var vue = new Vue();
myinput.value = vue.$state.name;
console.log('myinput.value', myinput.value);
</script>
</html>本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读