vue+jquery 实现ajax

最新推荐文章于 2023-04-17 20:16:15 发布

迷惘人士

最新推荐文章于 2023-04-17 20:16:15 发布

阅读量1.6k

点赞数

分类专栏：简单前端 vue jQuery ajax 文章标签：前端开发前后端交互

简单同时被 3 个专栏收录

1 篇文章

订阅专栏

前端

1 篇文章

订阅专栏

vue

1 篇文章

订阅专栏

<head>
	<title> vue </title>
	<meta charset="utf-8" />
	<script src="vue.min.js"></script>
	<script src="jquery-3.3.1.min.js"></script>
</head>

<body>
	<div id="app">
		<!--根据数组数据自动渲染页面-->
		<h1>{{users}}</h1>
		<button @click="showData">添加数据</button>
	</div>
</body>

<script>
	$(function() {
		var vum = new Vue({
			el: "#app",
			data: {
				users: ""
			},
			methods: {
				showData: function() {
					$.ajax({
						url: "data.json",
						success: function(data) {
							vum.users = data;
						}

					});
				}
			}
		});

	});
</script>
</body>

来自https://blog.youkuaiyun.com/yemaiqingxiang/article/details/80008801