Vue2.0组件注册

组件注册分为全局注册和局部注册

import 名称 from ‘包地址’//app.component用来对组件进行全局注册
app.component('my-swiper' ,'导包时使用的名称')==========================================调用标签中使用
<my-swiper></my-swiper>

如果在组建内部生明了 name名称

可以在全局注册时使用名称.name

import 名称 from ‘包地址’//app.component用来对组件进行全局注册
app.component('名称.name' ,'导包时使用的名称')==========================================调用标签中使用
<my-swiper></my-swiper>

局部注册

components：{

注册的组件

}

Vue2.0组件注册相关推荐

vue2.0组件生命周期探讨
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>vue ...
关于vue2.0组件通信
1.父组件通过props属性给子组件通信 //父组件 <template> <child :show="is_showshare" :age="age& ...
Vue2.0组件实现动态搜索引擎（二）
接上一篇,完成logo部分我们就要开始整个项目的核心--panel组件. 整个panel组件分为3个部分:关键字输入框,相关搜索建议下拉列表和搜索跳转按钮. 由于我们整个项目是设计成父子组件的架构所以 ...
vue2.0组件之间的通信
官方建议可以直接使用一个空vue实例来处理简单的事件触发机制 var bus = new Vue(); bus.$emit('create',{title:'name'}); bus.$on('cre ...
vue2.0 组件通信
组件通信: 子组件要想拿到父组件数据 props 子组件不允许直接给父级的数据, 赋值操作如果想更改,父组件每次穿一个对象给子组件, 对象之间引用. 例子: <script> window ...
Vue2.0 组件文本超出3行显示... 点击查看更多可以查看全部内容(展开收起)
效果 <template><div ref="txttype" class="bottom"><div :class=" ...
项目vue2.0仿外卖APP（五）
header组件 vue-resourse应用 https://github.com/pagekit/vue-resource vue-resource是Vue.js的一款插件,它可以通过XMLHtt ...
Vue2.0基本用法之组件的注册和传值(父子props，插槽，$emit)和学写购物车
1.Vue2.0的组件注册组件可以是全局注册和局部注册,全局注册的组件是在其他组件里也可以使用而局部注册的组件只能在该组件里面使用. <body><div id="ap ...
Vue2.0+SVG实现音乐播放圆形进度条组件，传入实时百分比实现圆圈进度动画效果
vue2.0+SVG实现音乐播放圆形进度条组件,传入实时百分比实现圆圈进度动画效果需求分析: 类似于大多数音乐播放器中等mini播放器控制按钮,显示播放进度,实时更新进度. progress-cir ...

Vue2.0组件注册

Vue2.0组件注册相关推荐

最新文章

热门文章