vue.js怎样拿到当前实例化对象

织梦狗教程前端开发

2023-10-08

直接上代码，!DOCTYPE htmlhtmlheadmeta charset=utf-8script src=https://unpkg.com/vue/script/headbodydiv id=apph1{{ greet(afternoon) }}/h1p姓名：{{ name }}/pp工作：...

直接上代码，

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <script src="https://unpkg.com/vue"></script>
    </head>
    <body>
        <div id="app">
		    <h1>{{ greet('afternoon') }}</h1>
		    <p>姓名：{{ name }}</p>
			<p>工作：{{ job }}</p>
		</div>
		<script src="app.js"></script>
    </body>
</html>

//实例化vue对象
new Vue({
	el:"#app",
	data:{
	   name:"mischen",
	   job:"web开发"
	},
	methods:{
		greet: function(time){
			//拿到当前实例化对象
			return 'Good '+ time + " "+ this.name+'!';
		}
	}
});

页面展示效果：