菜的像徐坤
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术

Vue 组件操作

5689人阅读 2021/5/19 11:00 总访问:876647 评论:2 收藏:2 手机
分类: Vue

前言

Vue组件,类似于mvc里的分布页

可以重用Vue的实例,相当于是自定义一个控键,


template:模板

methods: 方法

slot:插槽

定义一个Vue组件

 <div id="content">

    <组件名>插槽数据</组件名>
  </div>
 
 
 
 //创建一个组件
 Vue.component("组件名", {
          data: function () {
          
                return {
                    count: 1
                }
            },
         }),
         template:"<div><slot></slot><button v-on:click='run'>你点击了{{count}}次</button></div>",
         methods: {
               run: function () {
               this.count++
               }
        }


评价