1、目前我们有一个数组[1,2,3,4,5,6,7],请使用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必须以函数的形式存在