vuecomponent（Vuecomponent方法接收的第一个参数）

本篇文章给大家谈谈vuecomponent，以及Vuecomponent方法接收的第一个参数对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、vue component属性
• 2、Vue的component可以使用json传递数据吗？
• 3、vue通过component组件渲染顺序错乱
• 4、vue 全局组件component 获取props值

vue component属性

组件是可以复用的vue实例，所以它们与 new Vue 接收相同的选项，例如 data、computed、watch、methods 以及生命周期钩子等。仅有的例外是像 el 这样根友指实例特有的选项。

全局注册 局部注册

父子组件通信：枝迅从父（组件）到子（组件里边的好搭配元素），用props属性绑定

[img]

Vue的component可以使用json传递数据吗？

props：支持数字、布尔值、数组、对象类型数据，数据能够销敬历通过静亏搜态或动态方式被传递。

一般获稿腔取json数据后，一般会转换成object对象类型的数据，所以可以使用。

vue通过component组件渲染顺序错乱

vue通过component组件渲染顺序错乱解决措施：

1、减少事件队列，接口直接写到渲染数据的组件里型猛哗，不让接口数据知启在其它组件再传到渲染数据的组件里。

2、不要使用vuex传参，直接使用兄弟组卜行件传参，可以更直观的看到事件队列执行顺序。

3、判断数据渲染的条件，要细心耐心，做好条件判断再渲染数据。

vue 全局组件component 获取props值

关键点：通过:id="getId(info)"将info属性(props)值传递到方法，然后再设置值，网上的watch方法试了无效，这个方法实测有效

源码如下：

page v-bind:info="paginationVo" /page

// 注册喊磨 - 名字不能大写慧渗猛 分页组件page v-bind:info="paginationVo" /page

Vue.component('page', {

// 声明 属性

props: ['info'],

template: 'ul :id="getId(info)" class="c_page"li v-if="isShowPreBtn"button v-on:click="btnHandler(-1)"上一页/button/lili v-if="isShowNextBtn"前桥button v-on:click="btnHandler(-2)" 下一页/button/li/ul',

data: function() {

return {

counter: 0,

paginationVo:{},

isShowPreBtn:false,

isShowNextBtn:false,

}

},

mounted() {

console.log("-------mounted:"+JSON.stringify(this.paginationVo));

关于vuecomponent和Vuecomponent方法接收的第一个参数的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。