vue组件调用(用npm安装)

vue用webpack打包方式新建项目,注意刚开始可以先关闭路由和代码错误检测功能

1.建立了一个Hi.vue的组件

<template>
    <div>Hi~~{{msg}}--{{data}}</div>
</template>
 
<script>
  export default {
    name: "Hi",
    data:function(){
      return {
        msg:'wo 返回的值',
        data:'时间'
      }
    }
  }
</script>
 
<style scoped>
 
</style>

App.vue里面加载组件

最后首页也显示:

相关:https://www.cnblogs.com/fps2tao/p/9377652.html