vue组件化和传值

最新推荐文章于 2024-06-13 10:31:50 发布

马宸

最新推荐文章于 2024-06-13 10:31:50 发布

阅读量93

点赞数

分类专栏： vue html 文章标签： html html5 css

本文链接：https://blog.csdn.net/weixin_52761444/article/details/121669440

版权

vue组件化

1.组件化简介

组件化是vue中非常重要的一个东西,最重要的就是使用的组件可以实现复用,这样就可以减少代码量

2.组件化使用

组件分为两种:一种是全局组件,一种是局部组件(局部组件使用的最多)

全剧组件的使用:

<body>
    <div id="app">
      <my-header></my-header>
      <my-header></my-header>
      <my-header></my-header>
    </div>
  </body>

  <script>
    Vue.component("my-header", {
   
      data: function() {
   
        return {
   
          title: "头部标题内容"
        };
      },
      template: `
      <div>
          <button @click='handle'>点击</button>
          <div>{
    {title}}</div>
      </div>
      `,
      methods: {

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

马宸

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
vue组件化和传值

vue组件化1.组件化简介组件化是vue中非常重要的一个东西,最重要的就是使用的组件可以实现复用,这样就可以减少代码量2.组件化使用组件分为两种:一种是全局组件,一种是局部组件(局部组件使用的最多)全剧组件的使用:<body> <div id="app"> <my-header></my-header> <my-header></my-header> <my-header&g
复制链接

扫一扫