真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

利用angular、react和vue實現(xiàn)相同的面試題組件

前言

創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供三山網(wǎng)站建設(shè)、三山做網(wǎng)站、三山網(wǎng)站設(shè)計、三山網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、三山企業(yè)網(wǎng)站模板建站服務(wù)，10年三山做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。

本文主要給大家介紹的是關(guān)于angular、react和vue實現(xiàn)相同的面試題組件的相關(guān)內(nèi)容，分享出來供大家參考學(xué)習(xí)，下面話不多說了，來一起看看詳細的介紹吧。

面試題要求如下所示

1、angular：





Document







{{item.text}}

2、react:

import React, { Component } from 'react';
import './App.css';

class App extends Component {
constructor(){
super();
this.state={
alll:[],
values:'',
flag:true
}
}
add(e){
let arr1 = this.state.alll;
arr1.push({msg:this.state.values,check1:false});
this.setState({
alll:arr1
})
console.log(this.state.alll);
}
change(e){
this.setState({
values:e.nativeEvent.target.value
})

}
delate(e){
let index1 = e.target.parentNode.id;
let arr1 = [];
for(var i =0;i{
alert(1);
console.log(this.state.alll)
}
)
}
checktoggle(e){
let index1 = e.target.parentNode.id;
let arr1 = this.state.alll;
arr1[index1].check1 = !arr1[index1].check1;
this.setState({
alll:arr1
})
console.log(this.state.alll);
}
hideandshow(e){
this.setState({
flag : !this.state.flag
})
}
removeAll(){
let arr1 = [];
for(var i =0;i-1;i--){
console.log(i);
if(arr1[i].check1 === true){
arr1.splice(i,1);
}
}
this.setState({
alll:arr1
})
console.log(this.state.alll);
}
render() {
var result = [];
for(let i = 0;i{this.state.alll[i].msg}

) } return (

{this.state.values}

{result}

); } } export default App; //使用react寫時，數(shù)組的復(fù)制有使用的不標準，正確的深度復(fù)制應(yīng)該轉(zhuǎn)化為字符串以后再復(fù)制，類似于代碼中removeAll復(fù)制的方式。但是在當前實例中淺復(fù)制也可以完成功能。

3、vue2.0：