标签：Vue 入门 创建 编程 非单 注册 组件 VUE2.0

目录

• 组件入门代码（非单文件组件）
• • 创建组件
  • 注册组件（局部注册）
  • 注册组件（全局注册）
  • 使用组件
• 入门总结
• 组件名字如何起
• 组件的嵌套（入门）
• VueComponent

组件入门代码（非单文件组件）

创建组件

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

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

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

注册组件（局部注册）

注册组件（全局注册）

使用组件

入门总结

组件名字如何起

组件的嵌套（入门）

VueComponent

标签：Vue,入门,创建,编程,非单,注册,组件,VUE2.0
来源： https://blog.csdn.net/python113/article/details/120854803

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。