一、引入Vue

在官网上下载vue.js。并用

1.下载Vue.js,地址:Vue.js下载地址

二、通过ajax获取后台参数,使用Vue渲染

调用后台control,获取到数据,传到前端,使用Vue进行渲染。

//详细分类,使用Vue渲染

function findSortDetail(){

$.post("sortdetail/findAllSrotdetail.action",function(data){

var json = JSON.parse(data);

console.log(json.sortDetails);

new Vue({

el: '#sortDetails',

data: {

sortDetails: json.sortDetails

}

})

});

}

渲染结果显示部分:

:href="'a.action?sortDetailId='+sortDetail.sortDetailId">

{{ sortDetail.sortDetailName }}

注意:标签中的href中,采用字符串拼接的形式,href前面需要加 : ,同理title前面也要加 : 才能使用Vue渲染后的数据。

ssm框架里面前端拿HTML写,ssm框架引入Vue,声明式渲染,标签的href拼接字符串相关推荐

  1. PHP框架编写和应用知识点,写PHP框架需要具备那些知识?

    原标题:写PHP框架需要具备那些知识? 后盾网 如果没用过框架,讨论各个框架的内容都没有可讨论性,想自己写个框架涉及到的内容很多,个人觉得自己写一个框架对自己的逻辑思维,开发架构以及这门语言都有质的提 ...

  2. vue框架搭建前端登录界面

    使用vue框架搭建前端登录界面,用v-bind引入类,v-model实现数据绑定,v-on实现事件处理机制的处理. <!DOCTYPE html> <html lang=" ...

  3. 前端每周清单第 34 期:Vue 现状盘点与 3.0 展望,React 代码迁移与优化,图片优化详论...

    作者:王下邀月熊 编辑:徐川 前端每周清单专注前端领域内容,以对外文资料的搜集为主,帮助开发者了解一周前端热点:分为新闻热点.开发教程.工程实践.深度阅读.开源项目.巅峰人生等栏目.欢迎关注[前端之巅 ...

  4. 前端每周清单第 34 期:Vue 现状盘点与 3.0 展望,React 代码迁移与优化,图片优化详论

    新闻热点 国内国外,前端最新动态 Microsoft 宣发面向 iOS 与 Android 平台的 Microsoft Edge:为了保证 Windows 用户各平台使用体验的一致性,Microsof ...

  5. 前端每周清单第 34 期:Vue 现状盘点与 3.0 展望,React 代码迁移与优化,图片优化详论... 1

    前端每周清单第 34 期:Vue 现状盘点与 3.0 展望,React 代码迁移与优化,图片优化详论 作者:王下邀月熊 编辑:徐川 前端每周清单专注前端领域内容,以对外文资料的搜集为主,帮助开发者了解 ...

  6. 2017-05-04-Facebook出品的Android声明式开源新框架Litho文档翻译-总览和导航

    本文是博主转发自己的博客文章至CSDN. 欢迎点击博主的博客查看原文,体验更好的浏览感受. 欢迎转载,转载请标明出处. 今天逛github发现facebook开源了一个新框架Litho,大概看了一下介 ...

  7. ssm框架用html视图,ssm框架是前端还是后端技术分享

    ssm框架中前端jsp页面的数据除了表单提交以外如何ssm框架里面,前端页面的数据是怎么绑定的,如果我不用表单提交的话. 刚学完了ssm框架和ajax 可以写一个什么项目 比较简求一个java比较简单 ...

  8. 结合Layui框架,实现SpringMVC+Spring+Mybatis,SSM整合案例CRUD(超详细代码,外加说明)

    首先: 你需要去Layui官网下载UI框架.你可能会问,为什么用Layui实现页面效果?简单来说就是:简单.好用.上手快,作为JAVA后端开发人员,Layui无疑是非常友好的,拿来即用. 页面效果图: ...

  9. SSM框架学习文档以及SSM整合(附Github地址=含SSM学习时的实例代码)

    SSM框架学习 软件架构: 基于流行SSM框架:Spring+SpringMVC+Mybatis 项目配置: 使用Maven进行项目jar导入 ​ 使用Git进行版本控制,并将每次编写的代码上传到Gi ...

最新文章

  1. “数学不好,干啥都不行!”骨灰级程序员:其实你们都是瞎努力!
  2. python是不是特别垃圾-深度解析Python垃圾回收机制(超级详细)
  3. Linux 增加对外开放的端口
  4. python魔法方法中的__str__和__repr__区别
  5. Linux-在linux修改文件夹及其子文件夹的权限
  6. 战双帕弥什自抽号怎么使用_战双帕弥什新S冰露怎么玩《战双帕弥什》新S冰露玩法技巧...
  7. 系统权限控制设计001---RBAC用户角色权限设计方案
  8. 开源 TiDB Operator 让 TiDB 成为真正的 Cloud-Native 数据库
  9. svn 备份恢复【转】
  10. asp:dropdownlist如何去掉三角箭头_如何使用css伪元素实现超实用的图标库(附源码)...
  11. SLIC超像素分割并保存分割得到的超像素块,python代码
  12. dnf体验服显示服务器爆满,DNF:体验服刚更新就爆满,官方临时加频道,100级真那么好玩?...
  13. 关于CWMP基础(二)----TR069通信流程
  14. PHP 判断操作系统位数
  15. 免费优惠券机器人搭建
  16. 《CSS揭秘》-总结47个Css技巧(一):常用的背景与边框技巧
  17. python 可迭代对象是什么_python中可迭代对象指的是什么
  18. 使用Tansformer分割三维腹部多器官--UNETR实战
  19. unity3D缓存文件占C盘内存,解决办法
  20. 手把手教你用Python搭建一个AI智能问答系统!

热门文章

  1. 网络请求之优化参数添加工具类自定义Map类
  2. 小程序中 使用fixed自定义弹窗时,底部长页面禁止滚动
  3. vuex 对象嵌套属性的修改 mutations set 很方便的写法
  4. win7 nginx mysql php_windows7配置Nginx+php+mysql的详细教程
  5. 30 | 图的表示:如何存储微博、微信等社交网络中的好友关系?
  6. java面向对象封装之有参无返与有参有返
  7. 文本分类--情感分析
  8. 目前微型计算机中常用的鼠标器有什么两类,2009年计算机一级考试真题及答案...
  9. centos 6.5 安装redis
  10. Docker自动补全容器名