Advertisement

Vue.js源代码解析——new Vue()做了什么功能

阅读量:

在Vue.js框架中,声明式渲染数据可以通过以下语法实现

复制代码
    <div id="app">
    	{{message}}
    </div>
    
    
      
      
      
    
复制代码
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
    	const app = new Vue({
    		el:"#app",
    		data:{
    			message:"Hellp Vue!"
    		}
    	})
    </script>
    
    
      
      
      
      
      
      
      
      
      
    

当页面中显示Hellp Vue!时,new Vue()具体执行了哪些操作呢?
首先需要定位到Vue()这个类,其定义位于src/core/instance/index.js文件中。

复制代码
    function Vue (options) {
      if (process.env.NODE_ENV !== 'production' &&
    !(this i

全部评论 (0)

还没有任何评论哟~