xinggevip

Vue Cli3.x 组建嵌套
main.js//全局组件放到main.js文件中 //导入组件到全局 import HelloWorld fro...
扫描右侧二维码阅读全文
22
2019/05

Vue Cli3.x 组建嵌套

main.js

//全局组件放到main.js文件中
//导入组件到全局
import HelloWorld from './components/HelloWorld.vue'
//全局注册组建,第一个参数要引号,第二个参数不需要
Vue.component("Hello",HelloWorld);

App.vue

<!-- 1.模板 -->
<template>
  <!-- 只能有一个根标签 -->
  <div id="app">
    <!-- 以标签的形式嵌套局部组件 -->
    <AddBlog></AddBlog>
    <!-- 以标签的形式嵌套全局组件 -->
    <Hello></Hello>
  </div>

</template>
<!-- 2.行为 -->
<script>
<!-- 局部导入组件 -->
import AddBlog from './components/AddBlog'

export default {
  name: 'App',
  <!-- 局部导入组件 -->
  components: {
    AddBlog,

  },
  data () {
    return {
      //
      title:"这是我的第一个脚手架项目",
    }
  }
}
</script>
<!-- 3.样式 -->
<style>

</style>
Last modification:May 22nd, 2019 at 03:42 pm
If you think my article is useful to you, please feel free to appreciate

Leave a Comment