一、引入Vue

在官網(wǎng)上下載vue.js。并用

1.下載Vue.js，地址：Vue.js下載地址

二、通過ajax獲取后臺(tái)參數(shù)，使用Vue渲染

調(diào)用后臺(tái)control，獲取到數(shù)據(jù)，傳到前端，使用Vue進(jìn)行渲染。

//詳細(xì)分類,使用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

}

})

});

}

渲染結(jié)果顯示部分：

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

{{ sortDetail.sortDetailName }}

注意：標(biāo)簽中的href中，采用字符串拼接的形式，href前面需要加 : ，同理title前面也要加 :?才能使用Vue渲染后的數(shù)據(jù)。

總結(jié)

以上是生活随笔為你收集整理的ssm框架里面前端拿HTML写,ssm框架引入Vue，声明式渲染，标签的href拼接字符串的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。