关于在jq+bt项目中混合使用vuejs遇到的坑。。

首先工程目录结构
clipboard.png
项目是一个pc官网,其中大部分是静态页面,除了有一块是新闻动态页面 是后台给接口的,于是乎自己突发奇想用了vuejs(ps:平时没怎么用vuejs..)

clipboard.png

clipboard.png

列表时靠这段渲染的clipboard.png

clipboard.png

js
clipboard.png
现在的问题时接下来要点击每项进入对于新闻详情页面(内容为列表各项对应的标题和内容)
关于这里 因为是不同页面而且是jq+bt的es5环境下不知道怎么用vue-router或者vuex去传值了。。。
求大神给个思路!非常感谢!已经累死。。。

阅读 4k
6 个回答

这不是写单页面吧……就是简单的vue的引用做模板而已。
如果不做单页面,那没有必要用router,用了jq,讲道理,vue-resource也没啥必要。
直接a标签链接到详情页,比如带上id
详情页根据id去后台取详情,再显示到页面,完毕!

又不是单页应用,用啥路由?

自己写vue实例然后挂载咯
jq和vue不冲突

向上面说的你又不是单页面,用什么路由啊,用了jq也没必要用vue-resource
你以前怎么跨页面传值,现在还怎么传就是了,
1.通过url附上参数,
2.localStorage

我觉得这应该算自己给自己加活吧,不过类似的事我也没少干……得,打住说问题。

从你目前的写法来看,没必要非得用vue做,而且你自己对vue又不是很熟,犯不上为了个功能点引入一套新框架进来。我觉得吧,你找一套jq模板去做就行了,先把功能实现了再说~

是要写单页面吗? 大概就是这样的结构

             <router-link to="/home">
                <span class=""></span>
                <span class="">首页</span>
            </router-link>  <!- html结构 -->     
            
         new vueRouter({  
                   routes:[
                        {path:'/home',component:home} //跳转相应vue文件
                        ]   //大概的结构应该是这样,我也才刚学
                    })
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题