美文网首页
全局组件

全局组件

作者: 知识分享share | 来源:发表于2018-03-31 23:40 被阅读0次
    => main.js
    1.import Users from './components/Users'
    2.//全局注册组件 Vue.component("users",Users);
    3.Users.vue
    <template>
        <div class="users">
          <ul>
            <li v-for="user in users">
                {{user}}
            </li>
          </ul>
        </div>
    </template>
    
    <script>
      export default {
        name: 'users',
        data(){
          return {
             users:["Herry","Bucky","Emily"]
          }
        }
    
      }
    </script>
    
    <!-- Add "scoped" attribute to limit CSS to this component only -->
    <style scoped>
    
    </style>
    

    相关文章

      网友评论

          本文标题:全局组件

          本文链接:https://www.haomeiwen.com/subject/zooncftx.html