vue 的 起手式

代码:

vue.js

// vue 起手势
(function(root,factory) {
	root.Vue = factory();
})(this,function(){
	// 设置基础的默认配置
	var DAFALUT = {
		el:"body",
		data:{}
	}
	var Vue = function(options){ // options用户传的参数  以默认优先 以用户配置为覆盖
		// this指向vue的实例
		// 扩展(在vue的原型上)
		this.extend(this, DAFALUT,options); // 将DAFALUT的属性扩展到this上

		console.log(this.el);
		this.observer();
	}

	Vue.prototype = {
		extend:function(){ // 对象扩展
			// arguments 用于用户调用时传入的参数
			for(var i=1;i<arguments.length;i++){ // 从1开始,不需要循环this
				// for in 可枚举属性, 针对对象
				for(var name in arguments[i]){ // 0
					this[name] = arguments[i][name]
					// el data
				}
			}
		},
		observer:function(){ // model 观察者模式
			for(var key in this.data){
				//
			}
		}
	}

	return Vue;
});

new Vue({
	el:"app"
});

// var obj = {
// 	//
// }
// obj.name
// obj[name]

// $.extend(true, target object, object)

.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值