Vue.js 代码解读：使用 jqGrid 实现数据查询和渲染

该段代码使用 Vue.js 定义了一个名为 'vm' 的实例，用于管理页面中的数据和交互。

el: '#app' 属性指定了该实例要挂载到的 DOM 元素，即 id 为 'app' 的元素。

data 属性定义了 Vue 实例的初始数据，包括：

• param: 用于保存查询参数，包含 cellphone 属性。
• showList: 控制列表是否显示，默认为 true。
• title: 页面标题，默认为 null。
• roleList: 角色列表，默认为空对象。
• registerCustomize: 注册自定义数据，默认为空对象。
• ue: 富文本编辑器对象，默认为 null。

methods 属性定义了 Vue 实例的方法，包括：

• query(): 点击查询按钮时执行，调用 reload() 方法。
• reload(): 重新加载数据，使用 jqGrid 插件向服务器发送查询请求，并将获取到的数据渲染到表格中。

reload() 方法中使用 $('#jqGrid').jqGrid('getGridParam', 'page') 获取当前页码，然后使用 $('#jqGrid').jqGrid('setGridParam', {...}) 设置查询参数，包括：

• url: 服务器端数据接口地址。
• datatype: 数据类型，此处为 JSON 格式。
• postData: 查询参数，包含 cellphone 属性值。
• page: 当前页码。
• loadComplete: 数据加载完成后执行的回调函数。

回调函数中判断数据加载是否成功，并根据结果显示不同的提示信息。如果加载成功且数据为空，则在表格中显示 '暂无相关数据' 提示信息。

这段代码展示了如何使用 Vue.js 和 jqGrid 插件实现数据查询和表格渲染的功能，并通过回调函数处理数据加载结果和显示相应的提示信息。