day03.homework

1、目前我们有一个数组[1,2,3,4,5,6,7],请使用js获取出所有的奇数并加入到一个新数组中,然后将新数组打印到控制台。
答:

var Array = [1,2,3,4,5,6,7];
Array.filter(data => {
    if(data % 2  != 0) {
                   return  true;
   }
});

2、【改错】请指出下列代码有几处错误:

var conponentTemp = {
     template: '<h2>{{msg}}</h2>',
}
 Vue.component('ZUJIAN', conpomentTemp);
 var vm = new Vue([
     el: '#app'
     data: [
         msg: 'vm中的msg'
     ]
methods() {
m1: function() {
alert('m1被调用了');
}
}
]);

答:有1处错误,代码中[ ]形式应改为{ }形式.

3、下列代码的执行结果是什么,并说明为什么是这个执行结果。

var ay = ['asdf', 'qwsds', 'sdsd', 'diss'];
ay.filter(data => {
    return data.includes('sd') && data.length == 5;
});

答:执行结果是qwsds,这个是筛选数组里的参数,要包括sd,且长度要=5,所以只有qwsds符合条件

4、创建组件的流程是什么,请写个每个流程的代码。
答:

	<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>hahaha</title>
	</head>
	<body>
		<div id="app">
			<zujian1></zujian1>
			<zujian1></zujian1>
			<zujian1></zujian1>
			<zujian1></zujian1>

		</div>
		<script src="js/vue.js"></script>
		<script>
			// 1·定义组件模板
			var commonData = {
				count: 0
			};
			/*1、定义组件模板*/
			var zujianTemp = {
				template: '<h2>{{gushi}}</h2>',
				data() {
					return {
						count: 0
					};
				},
				methods: {
					zujianm() {
						alert(this.count);
					}
				}
			}
			/*2、将组件注册到Vue中*/
			Vue.component('zujian1', zujianTemp);

			var vm = new Vue({
				el: '#app',
				data: {
					gushi: '文本'
				}
			});
		</script>
	</body>
</html>

5、vm的data和组件vm的data有什么差别,为什么会有这种差别。
答:vm的data就是一个对象,组件data是一个函数,这个函数返回一个新对象。自身属性决定

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值