vue组件一直注册不了_Vue自定义组件及组件的注册方法

为了能在模板中使用，这些组件必须先注册以便 Vue 能够识别。这里有两种组件的注册类型：全局注册和局部注册。至此，我们的组件都只是通过Vue.component全局注册的：Vue.component('component-name', {

// ... options ...

})

该组件名Vue.component就是的第一个参数。

注册分为全局注册和局部注册：

1.全局注册：

全局注册的组件可以用在其被注册之后的任何 (通过new Vuew({ })) 新创建的 Vue 根实例，也包括其组件树中的所有子组件的模板中。

Vue.component("jishuqi",{

data:function () {

return {

count:0

}

template:'点击了{{count}}次'

})Vue.component("jishuqi2",{})

Vue.component("jishuqi3",{})

Vue.component("jishuqi4",{})var v=new Vue({

el:"#pp"

})

2.局部注册

全局注册往往是不够理想的。比如，如果你使用一个像 webpack 这样的构建系统，全局注册所有的组件意味着即便你已经不再使用一个组件了，它仍然会被包含在你最终的构建结果中。这造成了用户下载的 JavaScript 的无谓的增加。var ComponentA = { /* ... */ }

var ComponentB = { /* ... */ }

var ComponentC = { /* ... */ }然后在conponents选项中定义你想要使用的组件：new Vue({

el: '#app'

components: {

'jishuqi1': Jishuqi1,

'jishuqi2': Jishuqi2,

'jishuqi3': Jishuqi3

}

})

对于components对象中的每个属性来说，其属性名就是自定义元素的名字，其属性值就是这个组件的选项对象。

注意局部注册的组件在其子组件中不可用。

如果你希望 Jishuqi1在 Jishuqi2中可用，则你需要这样写：var Jishuqi1 = { /* ... */ }

var Jishuqi2 = {

components: {

'jishuqi1': Jishuqi1

// ...

}

本文来源于网络：查看 >https://blog.csdn.net/yang__k/article/details/80336769

vue组件一直注册不了_Vue自定义组件及组件的注册方法相关推荐

vue 根据字符串生成表单_vue自定义表单生成器,可根据json参数动态生成表单
介绍 form-create 是一个可以通过 JSON 生成具有动态渲染.数据收集.验证和提交功能的表单生成器.并且支持生成任何 Vue 组件.结合内置17种常用表单组件和自定义组件,再复杂的表单都可 ...
vue自定义指令封装节流_Vue自定义指令封装节流函数的方法示例
节流函数是web前端开发中经常用到的一个开发技巧,在input实时搜索,滚动事件等,为了避免过多消耗性能,我们都会使用节流函数.在<JavaScript高级程序设计>一书中有这样的一个例子 ...
vue改变class内的属性_vue绑定html的class属性的方法
一.对象语法绑定class属性 class的属性代码如下 .red{ color: red; width: 100px; height: 100px; border: 2px; border-colo ...
vue 跳转页面带对象_vue跳转页面的几种方法(推荐)
vue跳转不同页面的多种方法 1:router-link跳转点击跳转2 点击跳转1 点击跳转3 2:this.$router.push() 点击跳转4 export default{ name:'t ...
vue改变class内的属性_vue 绑定添加class 属性 4种方法添加style 3中方法 v-bind /：...
一.添加class .red{color: skyblue;} .thin{font-weight: 200;} .italic{font-style: italic;} .active{letter ...
微信小程序自定义modal弹窗组件
微信小程序开发中官方自带的wx.showModal,这个弹窗 API有时候并不能满足我们的弹窗效果,所以往往需要自定义modal组件.下面我们进行一个自定义modal弹窗组件的开发,并进行组件的引用, ...
vue 定义全局弹框_VUE路由拦截：Vue自定义全局弹窗组件
前言在任何一个平台中,如果需要增加用户黏度,除了用户需要的基本内容外,用户登录注册提交信息也是非常重要的一环,可以了解用户基本信息,用户喜欢等. 抛出前后端混合开发外,vue可以轻松的实现路由拦截. ...
vue单文件props写法_vue开发中怎么按需加载需要被填入props和自定义事件的组件？...
这种场景你可能需要把模态框包装成插件.vue插件开发和组件的区别 - 水秋玄im.mkinit.com vue插件和组件的区别使用插件的方式包装组件和直接注册全局组件其实是一样的,都是注册组件.不 ...
vue怎么自己创建组件并引用_Vue 实现创建全局组件,并且使用Vue.use() 载入方式
自定义vue组件,一般是局部引用的方式载入,使用的时候,在应用的组件中使用 import moduleName from 'module' 导入,在components中注册 {{info.title ...

vue组件一直注册不了_Vue自定义组件及组件的注册方法

vue组件一直注册不了_Vue自定义组件及组件的注册方法相关推荐

最新文章

热门文章