JQuery(3)

最新推荐文章于 2025-08-15 09:01:53 发布

转载最新推荐文章于 2025-08-15 09:01:53 发布 · 89 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wudashuai/p/9238583.html

文章标签：

#javascript #json #ViewUI

本文介绍如何结合使用Vue.js和jQuery搭建MVVM(Model-View-ViewModel)框架，包括设置环境、引入库文件、创建Model、View及ViewModel，并通过Ajax获取数据更新视图的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.拷贝jquery.min.js文件到js目录下
【引入jquery 这个巨人】
拷贝vue.min.js文件到js目录下

2.输入s3
<script src="js/jquery.min.js">
<script src="js/vue.min.js">

3.编写入口函数
$(function(){

});

4.构造MVVM模型
a.先做Model.
    var myModel = {stuList:[]};
b.做view
    <div id="myView"></div>
c.构造ViewModel
    var myViewModel = new Vue(...);
    三大参数：数据、界面、事件
    javascirpt习惯使用JSON包装下，来传递参数
d.做数据绑定

5.在入口函数中，写$.ajax()取数据，修改数据模型
a.编写$.ajax(),传递5个常用参数
type，url，dataType，success，error
b.在success把取到的json，赋值给Model
myModel.stuList = res;

6.然后界面自动（不用写代码）

转载于:https://www.cnblogs.com/wudashuai/p/9238583.html