【Vue.js 入门与实战】--组件-使用components定义私有组件

简介: 一、回顾二、Components私有组件

组件-使用components定义私有组件

 

目录:

一、回顾

二、Components私有组件

 

之前学习的前三种方式,都属于创建全局组件,所谓的全局是代表, mycom3 不仅仅可以被 adv 启用。

<div id=app2>

<mycom3></mycon3>

var vm =new vue({

 el:#app2

也可以使用这个组件。此时刷新保存,可以得到以下显示结果:

image.png

这是全局的组件。

 

一、回顾

1.vm属性有:

el:{}

data:{}

Methods:{}

filters:{} ,过滤器

directive:{},指令

components:{}

其中,filters:{} directive:{} 定义组件内部私有的指令,而 components:{} 定义实例内部私有组件

2. 钩子函数:

beforeCreate(){},

created(){},

beforeMount(){},

mounted(){},

beforeUpdate(){},

updated(){},

beforeDestroy(){},

destroyed(){},

 

 

二、Components私有组件

 

例:

var vm =new vue({

 el:#app2,

components:{  //定义实例内部私有组件

login{

template:’<h1>这是私有的login组件</h1>

}

}

})

<div id=app2>

 <login></login>

</div>

var vm2 =new vue({

  el:#app2,

components:{  //定义实例内部私有组件

login{

template:'#templ2

}

}

})

<template id=templ2>

 <h1>这是私有的login组件</h1>

</template>

相关文章
|
16天前
|
JavaScript
Vue 父传子组件传参 defineProps
Vue 父传子组件传参 defineProps
|
16天前
|
JavaScript 前端开发
Vue 创建组件
Vue 创建组件
|
20天前
|
JavaScript
vue给table组件添加合计
vue给table组件添加合计
12 0
|
16天前
|
JavaScript
vue路由导航守卫(全局守卫、路由独享守卫、组件内守卫)
vue路由导航守卫(全局守卫、路由独享守卫、组件内守卫)
31 0
|
7天前
|
JavaScript
Vue Steps步骤组件用法
Vue Steps步骤组件用法
13 0
|
7天前
|
缓存 JavaScript 前端开发
vue项目实战:实战技巧总结(中)
vue项目实战:实战技巧总结
52 1
|
12天前
|
JavaScript
vue 组件注册
vue 组件注册
|
12天前
|
JavaScript
vue 组件事件
vue 组件事件
|
16天前
|
JavaScript
Vue 定义只读数据 readonly
Vue 定义只读数据 readonly
|
20天前
|
JavaScript
组件中写选项的顺序(vue的问题)
组件中写选项的顺序(vue的问题)