SOURCE

console 命令行工具 X clear

                    
>
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 -->

本项目引用的自定义外部资源