Vue初步认识

vue初步认识

1.引入后发生什么？

Vue是一个构造函数

使用script标签引入，那么会暴露一个 Vue的全局变量

2.为什么script标签引入之后，就会有一个全局变量呢？**

( function ( global ) {
            console.log( global ) //window对象
            global.Vue = function(){}
      })( this ) //this指向的是window

3.为什么模块化引入( npm/cnpm/yarn )也可以呢？**

vue使用了 Module.exports / amd

( typeof exports ==='object' ) && ( typeof module !== 'undefined' )  ?
               module.exports = factory() // Vue  :  
               typeof define === 'function' && define.amd ? define(factory) :
       (global = global || self, global.Vue = factory());

4.Vue是如何即可以使用Vue全局变量，也可以模块化安装？

它是利用原型来封装

 function Fn ( options ) {
                      //this   实例中 fn的到的结果   实例     var fn = new Fn()
                    }
                    Fn.protype.name = "abc "
                    Fn.protype.init = function () {
                      console.log( '功能' )
                    }