1
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div id="app">
<button @click="m1">dianwo</button>
</div>
<script src=js/vue.js></script>
<script>
var vm = new Vue({
el:'#app',
data:{
},
methods:{
m1(){
var a=[1,2,3,4,5,6,7];
var b=[];
a.forEach(data => {
if(data%2!=0){
alert(data);
console.log(data);
}
});
},
}
})
</script>
</body>
</html>
2、【改错】请指出下列代码有几处错误:
var conponentTemp = {
template: '<h2>{{msg}}</h2>',
}
Vue.component('ZUJIAN', conpomentTemp);
var vm = new Vue([//()里面应该是{}
el: '#app'//少了逗号
data: [//应该是大括号
msg: 'vm中的msg'
]//少了逗号
methods() {
m1: function() {//不需要‘:function’
alert('m1被调用了');
}
}
]);
3、下列代码的执行结果是什么,并说明为什么是这个执行结果。
var ay = ['asdf', 'qwsds', 'sdsd', 'diss'];
ay.filter(data => {
return data.includes('sd') && data.length == 5;
});
结果是qwsds,因为filter是输出满足条件的数组,ay中包括sd并且字符串长度为5的只有qwsd
4、创建组件的流程是什么,请写个每个流程的代码。
一、定义组件模板
var zujianTemp = {
template: '<h2>{{zujianmsg}}</h2>',
}
二、将组件注册到Vue中
Vue.component('zujian1', zujianTemp);
5、组件的data和vm的data有什么差别,为什么会有这种差别。
组件有自己独立的data,即<组件名></组件名> 每次调用产生一个独立的data,