Vue 组件如何引用其他组件及数据传递

引用组件

1.新建组件

在components文件夹下新建Users.vue组件,Usres.vue结构如下

2.引用

在App.vue中引入组件Users.vue

import Users from "@/components/Users.vue";

3.注册

在在App.vue中注册组件

export default {
  name: "App",
  data: function() {
    return {    
  },
  //注册组件
  components: {
    Users,
  }
};

4.使用

数据传递

上面例子中App.vue组件中数据如何传递到Users.vue组件中使用呢

1.将Users.vue中data数据users数组放入App.vue中

2.在上绑定数据

3.在Users.vue中接收并使用