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是一个函数,这个函数返回一个新对象。自身属性决定