关于Vue-component属性is的一点使用方法心得

关于Vue-component属性is的⼀点使⽤⽅法⼼得

官⽅对component 的属性 is的解释：有的时候，在不同组件之间进⾏动态切换是⾮常有⽤的，可以通过 Vue 的 <component> 元素加⼀个特殊

轨道式起重机

的 is attribute 来实现、

拿我们⾃⼰话来说就是多个组件使⽤同⼀个挂载点，并动态切换，并且IS属性就是这个组件的“name”值，很好理解。

超导体话说这个属性其实挺实⽤的，⽐如说我们的创建某个活动之类，需要按步骤创建3步，为了代码的简洁，⾸先我们想到肯定⽤组件⽅式来进⾏每⼀步管理，每⼀步独⽴起来，⽅便管理。可读性也⾼。下⾯我就按照我⼯作中代码复述⼀⽚。PS：我⽤的UI库是iview

⼀、没有⽤component中is的写法，是不是很繁琐？

加特纳菌

只有通过v-if来控制每⼀步的组件。（其他⾃定义属性就不多说了，是业务属性）

⼆、通过component 组件形式来书写

⼦组件的prop值，同样可以通过<component ></component >这个组件来传递。相当于是每个⼦组件的公共部分。

我这⾥逻辑是只需要监控这个nowCurrent这个值，通过⼦组件⾥changeStep回调来改变nowCurrent值，从⽽切换组件。相⽐于第⼀种⽅式是不是很简洁？

PS: 你⽤这个模式可能会出现这个错误

应力传感器

[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available

这是由于vue有两种模式构建，在初始化项⽬配置的时候，有两个运⾏环境配置的版本：Compiler 版本、Runtime 版本。

如果你是vue-cli 是2.x版本可以在配置项加⼀段话即可，如下图：

池州学院学报编辑部>引力坍缩

vue$: "vue/dist/vue.esm.js"

本文发布于:2024-09-22 11:19:00，感谢您对本站的认可！

标签：组件属性需要版本

留言与评论（共有 0 条评论）