当前位置:首页>开发>正文

在vue中使用jq有必要吗 怎样在Vue.js中使用jquery插件

2023-04-15 10:11:34 互联网 未知 开发

 在vue中使用jq有必要吗 怎样在Vue.js中使用jquery插件

在vue中使用jq有必要吗

Vue 的官方是不建议直接操作 DOM 的,Vue 的用途在于视图和数据的绑定。如果通过知JQuery 直接操作 DOM 的话,势必会造成视图数据和模型数据的不匹配,这样 Vue 就失去它存在的意义了。
  JQuery 和 VueJS 合理使用并不会造成冲突道,因为他们的侧重点不同,VueJS 侧重数据绑定和视图组件,JQuery 侧重异步请求和动画效果。如果使用JQuery VueJS 开发,一版定要权在 Vue 渲染完所有的 HTML组件之后再通过 JQuery 处理,而使用 JQuery 时应避免直接操作 DOM ,但是应用动画是允许的。

怎样在Vue.js中使用jquery插件

基于jquery封装的一个js分页代码:

(function ($) {
var PageFunc = function PageFunc() { }
$.PageFunc = function (Total, PageSize, curPageNum, FunUrl) {
if (PageSize == "" || PageSize == null || PageSize == undefined) {
PageSize = 10
}
if (curPageNum == "" || curPageNum == null || curPageNum == undefined) {
curPageNum = 1
}
//计算总页数
Total = parseInt(Total) //总记录数
PageSize = parseInt(PageSize) //每页显示数
curPageNum = parseInt(curPageNum) //当前页
//总页数
var AllPage = Math.floor(Total / PageSize)
if (Total % PageSize != 0) {
AllPage
}
var navHtml = ""
if (curPageNum <= 0)
curPageNum = 1
if (AllPage > 1) {
if (curPageNum != 1) {
//处理首页连接
navHtml = "|< "
}
if (curPageNum > 1) {
//处理上一页的连接
navHtml = "<< "
}
else {
navHtml = "<< "
}
var currint = 5
for (var i = 0 i <= 10 i ) {
//一共最多显示10个页码,前面5个,后面5个
if ((curPageNum i - currint) >= 1 && (curPageNum i - currint) <= AllPage)
if (currint == i) {
//当前页处理
navHtml = "[" curPageNum "] "
}
else {
//一般页处理
var n = curPageNum i - currint
navHtml = "" n " "
}
}
if (curPageNum < AllPage) {
//处理下一页的链接
navHtml = ">> "
}

写表格是用jquery还是vue好

jquery 更适合于PC 端,而且使用时间较长,有很多丰富的方法 及API文档,
vue 更适合手机端开发,轻量级而言 小于Jquery,而且整合性较强,但是因为时间不久 范例文档较少

如何用jquery在vue中发起ajax请求

在VUE开发时,数据可以使用jquery和vue-resource来获取数据。在获取数据时,一定需要给一个数据初始值。
看下例: