前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >VUE2.0 学习(十三)Vue组件化编程

VUE2.0 学习(十三)Vue组件化编程

作者头像
一写代码就开心
发布2021-10-26 10:23:57
2470
发布2021-10-26 10:23:57
举报
文章被收录于专栏:java和python

目录

组件入门代码(非单文件组件)

创建组件

代码语言:javascript
复制
 // 创建学校组件
        const school = Vue.extend({
            template:`
            <div>
                <h1>{{name}}</h1>
                <h1>{{address}}</h1> 
            </div>
            `,
            data:function(){
                return{
                    name :"清华大学",
                    address:"北京"
                }
            }
        })

我们在HTML页面可以创建组件,创建的位置是

我们创建的一个组件里面需要有data里面的数据,还需要有页面模板,也就是标签

注册组件(局部注册)

注册组件(全局注册)

使用组件

入门总结

组件名字如何起

组件的嵌套(入门)

VueComponent

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021/10/23 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 目录
  • 组件入门代码(非单文件组件)
    • 创建组件
      • 注册组件(局部注册)
        • 注册组件(全局注册)
          • 使用组件
          • 入门总结
          • 组件名字如何起
          • 组件的嵌套(入门)
          • VueComponent
          领券
          问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档