使用webgl导入一个没有顶点法线数据的OBJ模型文件并使用computeVertexNormals()方法计算模型的顶点法线数据，并使用计算出的顶点法线数据将模型着色模式设为smoothshading

首先，在WebGL中导入一个OBJ文件需要进行以下步骤：

1. 读取OBJ文件，解析出其中的顶点数据和面数据。
2. 将顶点数据和面数据转换为WebGL中的顶点缓冲区。
3. 为模型创建一个顶点着色器和一个片元着色器，并将它们绑定到WebGL程序中。
4. 在顶点着色器中定义顶点属性，如位置、法线、纹理坐标等。
5. 在片元着色器中定义材质属性，如颜色、纹理等，并使用Phong光照模型计算光照效果。

接下来，我们需要使用computeVertexNormals()方法计算模型的顶点法线数据，并将模型的着色模式设为smoothshading。这里提供一个实现思路：

1. 使用THREE.js库中的OBJLoader加载OBJ模型文件，并将其转换为THREE.js中的Mesh对象。
2. 在加载完成后，调用computeVertexNormals()方法计算模型的顶点法线数据。
3. 将Mesh对象的材质的shading属性设置为THREE.SmoothShading，即可将模型的着色模式设为smoothshading。

以下是一个可能的实现代码：

// 创建WebGL渲染器和场景
var renderer = new THREE.WebGLRenderer();
var scene = new THREE.Scene();

// 创建相机
var camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 1, 1000);
camera.position.set(0, 0, 5);

// 创建OBJLoader对象
var loader = new THREE.OBJLoader();

// 加载OBJ模型文件
loader.load('model.obj', function (object) {
  // 计算模型的顶点法线数据
  object.computeVertexNormals();

  // 将模型的着色模式设为smoothshading
  object.material.shading = THREE.SmoothShading;

  // 将模型添加到场景中
  scene.add(object);
});

// 渲染场景
renderer.render(scene, camera);

需要注意的是，以上代码仅供参考，具体实现可能需要根据实际情况进行修改。