作业_11.6

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

		<script type="text/javascript">
   		[1,2,3,4,5,6,7].filter(data=>{
   			if (data%2==1)
   			return console.log(data);
   		})
   	</script>

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被调用了');
   		}
   	}
   ])

改：

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

3. 下列代码的执行结果是什么，并说明为什么是这个执行结果。
   var ay = [‘asdf’, ‘qwsds’, ‘sdsd’,‘diss’];
   ay.filter(data => {
   return data.includes(‘sd’) && data.length == 5; });

 	输出qwsds，因为，filter是返回满足条件并存入新数组，而判断的条件字符串中有“sd”为并加上字符长度为5的字段，所以，输出qwsds

4. 创建组件的流程是什么，请写个每个流程的代码。

   1.定义组件模板
   var zujiantemp = {
   			template:"",
   			},
    2.将组件注册进vue中
    Vue.component('zujian1', zujiantemp);
    3.想使用标签一样使用组件 
    <zujian1></zujian1>
   

5. 组件的data和vm的data有什么差别，为什么会有这种差别。、

 	组件中的data是一个函数必须有返回的对象，而vm中data为一个属性
 	组件只能应用在vm的视图下