Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
    <html>
      <head>
        <meta charset="utf-8" />
        <!-- 引入vue.js开发版本 -->
        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
        <title>vue life cycle</title>
      </head>
      <body>
        <div id="app">
            <span>vue生命周期</span>
        </div>
        <script>
          var obj = {
         name:'eveningwater'
      }
      var app = new Vue({
        data:obj,
        beforeCreate:function(){
            //此时this指向app这个vue实例,但并不能得到data属性，因此this.name的值是undefined
            console.log('实例被创建之前，此时并不能访问实例内的任何属性' + this.name)
        }
      });
        </script>
      </body>
    </html>
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
eveningwaterpro
0viewers