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