问旋转后如何更新three.js中的网格顶点？

EN

/* generatePlanes - function that create planes.
 * @param data - config for creating planes, must contain name,
 * count of creating planes, width and height.
 * @return planeHolder - array with created planes.
 */ 
let generatePlanes = (data) => {
    let planeHolder = [];
    
    for (let i = 0; i < data.count; i++) {
        let geometry = new THREE.PlaneGeometry( data.width, data.height );
        let material = new THREE.MeshBasicMaterial( {color: new THREE.Color('#cea6a6'), side: THREE.DoubleSide} );
        let plane = new THREE.Mesh( geometry, material );
        plane.name = data.name;
        plane.isConnected = false;
        planeHolder.push(plane);
    }
    return planeHolder;
} 

// Creating 2 planes
let planes = generatePlanes({
    name: 'centerPlane',
    count: 2,
    width: 30,
    height: 30,
}); 

// Check verticies before rotating
console.log(planes[0].geometry.attributes.position.array);
// Rotate first plane with rotateX method
planes[0].rotateX(Math.PI / 4);
// Check verticies after rotating
console.log(planes[0].geometry.attributes.position.array);

Before rotation:
Float32Array(12)
0: -15
1: 15
2: 0
3: 15
4: 15
5: 0
6: -15
7: -15
8: 0
9: 15
10: -15
11: 0

After rotation:
Float32Array(12)
0: -15
1: 15
2: 0
3: 15
4: 15
5: 0
6: -15
7: -15
8: 0
9: 15
10: -15
11: 0