vue

80 阅读 0 评论 53 点赞

我是靠谱客的博主隐形发带，最近开发中收集的这篇文章主要介绍vue，觉得挺不错的，现在分享给大家，希望可以做个参考。

vue组件的功能

1）能够把页面抽象成多个相对独立的模块

2）实现代码重用，提高开发效率和代码质量，使得代码易于维护
Vue组件封装过程

● 首先，使用Vue.extend()创建一个组件

● 然后，使用Vue.component()方法注册组件

● 接着，如果子组件需要数据，可以在props中接受定义

● 最后，子组件修改好数据之后，想把数据传递给父组件，可以使用emit()方法

1、组件创建—有3中方法，extend()

我们先用全局注册，注册上面例子中创建的myCom组件

Vue.component(‘my-com’,myCom)
A2、全局注册语法糖：不需要创建直接注册的写法

Vue.component(‘my-com’,{
‘template’:‘

这是我的组件

’
})

B1、局部注册：只能在注册该组件的实例中使用，一处注册，一处使用

var app = new Vue({
el: ‘#app’,
components: {
‘my-com’: myCom
}
})
B2、局部注册语法糖：

var app = new Vue({
el: ‘#app’,
components: {
‘my-com’: {
template: ‘

这是我的组件

’
}
}
})

以上就是隐形发带为你收集整理的vue的全部内容，希望文章能够帮你解决vue所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。