什么是npm?什么是webpack?什
点击数:6006
在具体项目开发,网站建设中,vue.js一项好用的功能叫做组件化,也就是元素以及模块的组件化,实现相同板块及功能的复用性,在多个界面可同时调用,今天我们来认识一下vue.js中一...
Vue.component('my-zujian',{
template:`<div>我是一个全局组件</div>`
})
当组件注册之后,便可以直接使用<my-zujian></my-zujian>在任意模板中进行调用。
2.局部组件的创建,具体代码写法如下:
new Vue({
components:{
'my-zujian':{
template:`<div>我是一个局部组件</div>`
}
}
})
全局组件可以在项目中任意位置使用,而局部组件只能在其父级中调用。
vue组件如何调用?
既然创建了组件,肯定就需要学会如何调用组件进行使用,组件的调用分为以下三个步骤:
1.首先需要使用import将组件引入到你的目标文件中,代码写法如下:
import my-zujian from './zujian.vue'
2.在export default中写入组件,具体代码如下:
组件化是vue使用的一个重要知识点,大家可以自己再本地搭建脚手架进行实际测试体会,全栈网络专业企业网站建设,郑州网站建设,欢迎大家随时来电咨询。