第三天作业

最新推荐文章于 2022-03-23 16:26:05 发布

fangfangFang_

最新推荐文章于 2022-03-23 16:26:05 发布

阅读量130

点赞数

本文链接：https://blog.csdn.net/fangfangFang_/article/details/102945636

版权

<!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，

fangfangFang_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
第三天作业

1<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <button @click="m1">dianwo&...
复制链接

扫一扫