vue day03

day03作业

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

//js代码
var data = [1,2,3,4,5,6,7];
var result = data.filter(function(value) {
	return value % 2 == 1;
});
console.log(result);

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、data后面应该用{}，而不是[]，且要在最后加上逗号
2、vue中methods应这样写

	methods: {
		m1() {
			alert('m1被调用了');
		};
	}

3、搭建vue框架时也应该使用{}，而非[]

var vm = new Vue({
	...
});

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

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

上面代码的返回值位qwsds

data.includes('sd') && data.length == 5;

此段代码的意义为在数组ay中寻找包含‘sd’以及长度为5的字符串

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

	/*定义组件模板*/
    var zujianTemp = {
        template: '<h2>msg:{{zujianmsg}}====msg:{{zujianmsg2}}</h2>',
        /*设置props的值，用来接收父级传来的值*/
        props: ['zujianmsg','zujianmsg2']
    }
    /*将组件注册到Vue中*/
    Vue.component('zujian1', zujianTemp);

    var vm = new Vue({
        el: '#app',
        data: {
            msg: 'vm中的msg',
            msg2: 'vm中的msg2'
        }
    });

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

组件中的data是一个函数，vm中的data是一个对象，因为在component中，data必须以函数的形式存在