【Vue2.0】—Vue与Component的关系（十二）

【Vue2.0】—Vue与VueComponent的关系（十二）

<body><div id="root"><h2>{{name}}</h2></div><script>Vue.config.productionTip = false;//第一步：创建组件//创建一个名叫小王的组件const wang = Vue.extend({template: `<div><h2>你好，我叫{{myname}}</h2></div>`,data() {return {myname: '王同学'}}})//创建school组件//el:'#root'//组件定义时 一定不要写el配置项，因为最终所有的组件都要被一个vm管理 由vm决定服务于哪个容器const school = Vue.extend({template: `<div><h2>学校名称：{{schoolName}}</h2><h2>学校地址：{{address}}</h2><wang></wang></div>`,data() {return {schoolName: '二中',address: '北京',}},components: {wang}})//创建一个hello组件const hello = Vue.extend({template: `<div><h2>{{msg}}</h2></div>`,data() {return {msg: '欢迎来到北京学习！'}}})//定义一个app组件const app = Vue.extend({template: `<div><school></school><hello></hello></div>`,components: {school,hello}})//第二步：注册组件(局部注册)new Vue({el: '#root',template: `<app></app>`,components: {app}})</script>
</body>

【Vue2.0】—Vue与Component的关系（十二）相关推荐

【Vue2.0学习】—Vuex工作原理图（二十五）
[Vue2.0学习]-Vuex工作原理图(二十五) 一. Vuex 是什么? 概念: 专门在Vue中实现集中式状态(数据)管理的一个Vue插件,对Vue应用中多个组件的共享状态进行集中式的管理(读/写 ...
【Vue2.0学习】—插槽（六十四）
[Vue2.0学习]-插槽(六十四) 作用:让父组件可以向子组件指定的位置插入html结构,也是一种组件间通信的方式,适用于父组件=>子组件分类:默认插槽.具名插槽.作用域插槽默认插槽使 ...
从零实现Vue的组件库（十二）- Table 实现
基于Table标签的展示数据组件. Table 组件主要特点在于: 组件 data 的解耦,减少重复代码: 良好的扩展性,可以通过自定义列模板来适应不同的业务场景. 1. 实例代码 <fat- ...
Vue2.0 Vue路由_路由的几个注意点
1.一般组件和路由组件一般用import引入组件.components注册组件.<组件名 />或<组件名></组件名>这样的写法被我们称为一般组件而我们没像上面 ...
Vue2.0 Vue组件单文件组件
聊到单文件就要写道xxx.vue,但是.vue文件浏览器是不认识的得处理和加工成.js怎么处理和加工渠道一: webpack 渠道二: 借助Vue官方提供的脚手架(官方给你搭建的整个webpack编 ...
Vue2.0 Vue脚手架 scopde样式
学习scoped样式问题 School.vue <template><div class="demo"> <h2>学校名称:{{name}}& ...
vue2.0 引用qrcode.js实现获取改变二维码的样式
vue代码 <template><div class="qart"><div id="qrcode" ref="qrco ...
Makefile.am、Makefile.in、Makefile、configure.ac关系(十二)
1.Makefile.am: 是一些编译的选项及要进行编译的文件项. bin = test LIBRARIES = libtest.a SOURCES = test.c2.Makefile.in: 是 ...
【Vue】双向数据绑定原理 vue2.0 与 vue3.0
目录一.什么是双向数据绑定? 二.双向数据绑定原理 vue2.0 三.Vue 3.0使用ES6的新特性porxy 四.思考一.什么是双向数据绑定? vue是一个mvvm框架,即数据双向绑定,即当数 ...

【Vue2.0】—Vue与Component的关系（十二）

【Vue2.0】—Vue与VueComponent的关系（十二）

【Vue2.0】—Vue与Component的关系（十二）相关推荐

最新文章

热门文章