作业_11.6

最新推荐文章于 2024-07-23 17:29:44 发布

原创最新推荐文章于 2024-07-23 17:29:44 发布 · 260 阅读

0 ·

CC 4.0 BY-SA版权

本文详细讲解了如何使用JavaScript的filter方法从数组中筛选奇数元素，并介绍了Vue.js中组件的正确创建和使用流程，包括组件模板定义、注册及在视图中使用的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

目前我们有一个数组[1,2,3,4,5,6,7]，请使用js获取出所有的奇数并加入到一个新数组中，然后将新数组打印到控制台。

		<script type="text/javascript">
   		[1,2,3,4,5,6,7].filter(data=>{
   			if (data%2==1)
   			return console.log(data);
   		})
   	</script>

【改错】请指出下列代码有几处错误：

   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被调用了');
   		}
   	}
   ])

改：

		var conponentTemp = {
			template: '<h2>{{msg}}</h2>',
		};
		Vue.component('ZUJIAN', conponentTemp);
		var vm = new Vue({
				el:'#app',
				data: {
					msg: 'vm中的msg',
				},
				methods: {
					m1: function() {
						alert('m1被调用了');
					}
				}
		});

下列代码的执行结果是什么，并说明为什么是这个执行结果。
var ay = [‘asdf’, ‘qwsds’, ‘sdsd’,‘diss’];
ay.filter(data => {
return data.includes(‘sd’) && data.length == 5; });

 	输出qwsds，因为，filter是返回满足条件并存入新数组，而判断的条件字符串中有“sd”为并加上字符长度为5的字段，所以，输出qwsds

创建组件的流程是什么，请写个每个流程的代码。

1.定义组件模板
var zujiantemp = {
			template:"",
			},
 2.将组件注册进vue中
 Vue.component('zujian1', zujiantemp);
 3.想使用标签一样使用组件 
 <zujian1></zujian1>

组件的data和vm的data有什么差别，为什么会有这种差别。、

 	组件中的data是一个函数必须有返回的对象，而vm中data为一个属性
 	组件只能应用在vm的视图下