guiplan官网

组件props参数(v2.17.0)


在vue中组件之间需要各种传值,除了data变量以外,也需要props参数进行参数的传递。所以本次更新添加了组件参数功能。

在插入的变量中多了一个组件参数选项如下图


这时再生成代码参数会自动存储到props中。

vue2生成代码如下:

vue3生成的代码如下:



大纲树里也会有一个黄色背景的P标记,可快速查看自己的配置的组件参数在哪。

一键插入本地组件自动传参(v2.17.1)


输入组件名称,然后点击插入组件。


这时会自动打开文件预览器,然后我们选择自己本地vue文件即可


插入完之后会自动读取组件中props参数,最后自己点击一键绑定即可。

软件会自动帮你引用好组件,注册好组件,插入好组件,最后连组件的属性也会给你解析好。

注意:vue2中注册组件 vue页面必须含有components: { 否则代码会生成在最底部,需要手动将代码移动到对应的位置中。

进群学习:
请加微信号guiplan
文字