console
var words = [
'三思而行,再思可矣。 ',
'久住令人贱,频来亲也疏。 ',
'人不通今古,马牛如襟裾。 ',
'人心似铁,官法如炉。 ',
'人情似水分高下,世事如云任卷舒。 ',
'仓廪虚兮岁月乏,子孙愚兮礼仪疏。 ',
'会说说都是,不会说无理。 ',
'但看三五日,相见不如初。 ',
'养子不教如养驴,养女不教如养猪。 ',
'出家如初,成佛有余。 ',
'听君一席话,胜读十年书。 ',
'命里有时终须有,命里无时莫强求。 ',
'善化不足,恶化有余。 ',
'在家由父,出嫁从夫。 ',
'城门失火,殃及池鱼。 ',
'士者国之宝,儒为席上珍。 ',
'宁可信其有,不可信其无。 ',
'宁可正而不足,不可邪而有余。 ',
'差之毫厘,失之千里。 ',
'平生不做皱眉事,世上应无切齿人。 ',
'庭前生瑞草,好事不如无。 ',
'庭栽栖凤竹,池养化龙鱼。 ',
'救人一命,胜造七级浮屠。 ',
'无钱莫入众,遭难莫寻亲。 ',
'是非终日有,不听自然无。 ',
'智者减半,愚者全无。 ',
'有田不耕仓廪虚,有书不读子孙愚。 ',
'有福伤财,无福伤己。 ',
'欲求生富贵,须下死工夫。 ',
'水至清则无鱼,人太急则无智。 ',
'求人须求大丈夫,济人须济急时无。 ',
'求财恨不多,财多害自己。 ',
'痴人畏妇,贤女敬夫。 ',
'白酒酿成迎宾客,黄金散尽为收书。 ',
'百年成之不足,一旦坏之有余。 ',
'知止常止,终身不耻。 ',
'知足常足,终身不辱; ',
'磨刀恨不利,刀利伤人指; ',
'积金千两,不如明解经书。 ',
'竹篱茅舍风光好,道院僧房终不如。 ',
'结交须胜己,似我不如无。 ',
'若登高必自卑,若涉远必自迩。 ',
'若要断酒法,醒眼看醉人。 ',
'茫茫四海人无数,哪个男儿是丈夫? ',
'道院迎仙客,书堂隐相儒。 ',
'酒中不语真君子,财上分明大丈夫。 ',
'力微休负重,言轻莫劝人。 ',
];
var app = new Vue({
el:"#app",
data:{
word:'点击按钮就会出现随机语录',
},
methods:{
onClick:function(){
this.word = words[Math.floor(Math.random()*words.length)];
}
}
})
<div id="app">
<h1>【04.03】随机语录</h1>
<h3>{{word}}</h3>
<button v-on:click="onClick">随机语录</button>
</div>