1.目前我们有一个数组[1,2,3,4,5,6,7],请使用js获取出所有的奇数并加入到一个新数组中,然后将新数组打印到控制台.
<script >
// foreach完整迭代每一个元素,并把元素作参数去执行匿名函数
[1,2,3,4,5,6,7].forEach(data => {
// alert(data);
});
// filter返回的是满足条件的新数组
[1,2,3,4,5,6,7].filter(data => {
if (data % 2 == 0) {
return false;
}
// alert(data);
console.log(data);//在控制台打印
});
</script>
2、【改错】请指出下列代码有几处错误:
var conponentTemp = {
template: '<h2>{{msg}}</h2>',//8.将msg改为zujianmsg
//7.添加 props:['zujianmsg']
}
Vue.component('ZUJIAN', conpomentTemp);//5.此处名称应改为('zujian', conponentTemp)
var vm = new Vue([//1.此处应用'{'
el: '#app'//2.此处应有逗号
data: [//3.此处应用'{}'
msg: 'vm中的msg'
]//4.此处应有逗号
methods() {//6.此处应把括号改为冒号
m1: function() {/*直接m1()即可*/
alert('m1被调用了');
}
}
]/*1.此处应用'}'*/);
3、下列代码的执行结果是什么,并说明为什么是这个执行结果。
var ay = ['asdf', 'qwsds', 'sdsd', 'diss'];
ay.filter(data => {
return data.includes('sd') && data.length == 5;
});
执行结果返回一个新的ay数组
filter返回的是满足条件的新数组而条件data.includes('sd')
是指含有'sd'
的元素而data.length == 5
代表的是元素的长度为5.
4、创建组件的流程是什么,请写个每个流程的代码。
/*1.定义组件模板*/
var zujianTemp={
template: '<h2>{{count}}</h2>',
data(){
return {count:0};
},
methods:{
zujianm(){
alert(this.count);
}
}
};
/*2.将组件注册到Vue中*/
Vue.component('zujian1',zujianTemp);
var vm=new Vue({
el: '#app',
data: {
pome: '云想衣裳花想容,春风拂槛露华浓',
},
methods:{
}
});
<!--3、像使用标签一样使用组件即可-->
<div id="app">
<zujian1></zujian1>
<zujian1></zujian1>
</div>
5、组件的data和vm的data有什么差别,为什么会有这种差别。
1、组件只能应用在vm的视图下
2、组件有自己独立的data,即<组件名></组件名> <组件名></组件名>,组件data是一个函数,这个函数返回一个新对象,VM data就是一个对象–>
3、组件有自己的html视图代码
当一个组件被定义,data必须声明为返回一个初始数据对象的函数。