1.创建一个组件

1-1创建一个组件

//插件
Angular Files
Angular Snippets

//命令创建
ng g component <component-name>
Tips:每创建一个组件都会在app.module.ts文件中导入,注册

1-1配置（自动）

//app.module.ts
import { MovieItemComponent } from './components/movie-item/movie-item.component';
@NgModule({
  /* 配置(声明)当前项目运行依赖的组件 */
  declarations: [
    AppComponent,
    MovieItemComponent
  ],
})

//MovieItem.component.ts
@Component({
  selector: 'app-MovieItem',  //组件名字
  templateUrl: './MovieItem.component.html',
  styleUrls: ['./MovieItem.component.css']
})

1-2 使用

//app.component.html
<app-MovieItem [music]="music" class="content"></app-MovieItem>

1.wechat,vue,react,angular组件比较

//wechat/App
   App.js
   App.wxml
   App.wxss
   App.json
//Vue
   App.vue (html,css,js)
//React
   App.js (html,js)  import'./App.css'
   App.css
//Angular
    html
    css
    js