vue 的 起手式
代码:
vue.js
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 | // 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) |
.
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步