方式一：props/$emit

父组件向子组件传值

通过一个例子，说明父组件如何向子组件传递值：在子组件Users.vue中如何获取父组件App.vue中的数据 users:["Henry","Bucky","Emily"]

注：父组件通过props向下传递数据给子组件。注：组件中的数据共有三种形式：data、props、computed

//App.vue父组件

  

    //前者自定义名称便于子组件调用，后者要传递数据名
  


import Users from "./components/Users"
export default {
  name: 'App',
  data(){
    return{
      users:["Henry","Bucky","Emily"]
    }
  },
  components:{
    "users":Users
  }
}
————————————————————————————————————————————————————————————————————————————————

//users子组件

  

    

      
{{user}}//遍历传递过来的值，然后呈现到页面
    
  

服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net