在工作中，我们经常会用到flex：1这个属性，来使我们flex中的元素自适应宽度，但在这之前，我并没有详细了解过flex：1这个属性具体代表什么，特此写一篇博客分享一下学习到的知识。这里的flex:1相当于flex: 1 1 0%，它是一个简写属性，表示项目（flex item）在弹性容器（flex container）中如何伸缩。flex-grow 定义项目的放大比例，默认为0，即如果存在剩余空

vue官方文档那边虽然说了函数的使用方法，但没有列举这种业务场景。这里只是做一个简单的实例，其实可以通过这种方法实现其他更多的功能，比如说modal框等等等。

项目场景：用vscode开发uniapp会遇到用.nvue开发的时候。但是vscode并没有提供.nvue的语法高亮，这篇文章给刚用vscode写.nvue的读者。

例如要做一个截屏分享的功能，从vue2转过来都是this.$mp.getAppWebview()，在vue3下编译出来为空,获取instance之后。里面也没有这个方法这个是原写法。