lovecoding
/
web0331


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="app">
        <!-- 排版 -->
         {{msg}}
         <!-- <button>修改信息</button> -->
    </div>
    <script src="./vue.js"></script>
    <script>
        // 实例化
        var app = new Vue({
            // 挂载
            el: "#app",
            data:{
                msg:"Hi"
            },
            // 生命周期：created 创建后 可以调用数据和方法
            created() {
                this.changeMsg();
            },
            // 方法
            methods:{
                changeMsg() {
                    setTimeout(()=>{
                        this.msg = 'Hello'
                        console.log(this,"121")
                        // 2026-01-01 
                     },2000)     
                }
            }
        });
    </script>

</body>

</html>