我最近开始使用Polymer 2.0，到目前为止，我已经爱上了它。
我习惯于与Typescript结合使用Angular，并且我喜欢定义全局变量是如此容易。
想要的结果：
假设我在登录页面中有一个名为“ Username”的变量。
var用户名当前为“访客”，因此在我的欢迎页面中，我收到消息“ Hello Guest！”。登录页面中的用户名更改为guest = = not-guest
现在，欢迎页面上显示：“您好，来宾！”。
有没有一种方法可以像这样不传递变量
？因为每次我想使用username属性，我现在都必须像上面那样传递用户名。 （因此，如果我需要一个子组件中的一个子组件中的一个子组件中的用户名，则现在也必须将该用户名传递给所有父母）。现在，这当然与用户有关，因此在这种情况下，本地存储/会话存储就可以了，但这只是一个例子。我想将全局定义用于其他内容，将其保存在本地存储中将不是理想的选择。
我找到了许多Polymer 1解决方案，但我很想在完整的Polymer 2.0中使用我的应用程序。
万分感谢！
最佳答案
我计算出一个webcomponent myself。
用法：
// Login component
// Define global variable
<brum-global-var key="username" value="{{username}}"></global-variable>
// welcome-page
// Use global variable
<brum-global-var key="username" value="{{username}}" readonly></global-variable>
关于javascript - polymer 2定义全局变量，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46926709/