在vue中组件之间需要各种传值,除了data变量以外,也需要props参数进行参数的传递。所以本次更新添加了组件参数功能。
在插入的变量中多了一个组件参数选项如下图
这时再生成代码参数会自动存储到props中。
vue2生成代码如下:
vue3生成的代码如下:
大纲树里也会有一个黄色背景的P标记,可快速查看自己的配置的组件参数在哪。
输入组件名称,然后点击插入组件。
这时会自动打开文件预览器,然后我们选择自己本地vue文件即可
插入完之后会自动读取组件中props参数,最后自己点击一键绑定即可。
软件会自动帮你引用好组件,注册好组件,插入好组件,最后连组件的属性也会给你解析好。
注意:vue2中注册组件 vue页面必须含有components: { 否则代码会生成在最底部,需要手动将代码移动到对应的位置中。