如何在子视图中访问/修改父视图变量？

在前端开发中，可以通过以下几种方式在子视图中访问/修改父视图变量：

1. Props（属性）传递：父组件可以通过props将数据传递给子组件，在子组件中可以通过this.props访问父组件传递的变量。如果需要修改父组件的变量，可以通过在子组件中调用父组件传递的函数来实现。
2. Context（上下文）API：Context API是React提供的一种跨组件传递数据的方式。通过在父组件中创建一个Context对象，并将需要传递的变量作为Context的value，子组件可以通过在constructor中使用this.context来访问父组件的变量。如果需要修改父组件的变量，可以通过在子组件中调用父组件提供的函数来实现。
3. Redux（状态管理）：Redux是一种用于管理应用程序状态的JavaScript库。通过在父组件中创建一个Redux store，并将需要传递的变量存储在store中，子组件可以通过使用connect函数将store中的变量映射到子组件的props中。如果需要修改父组件的变量，可以通过在子组件中dispatch一个action来更新store中的数据。
4. Vue.js中的$emit和$on：在Vue.js中，可以使用$emit方法在子组件中触发一个自定义事件，并将需要传递的变量作为参数传递。在父组件中可以使用$on方法监听该事件，并在回调函数中获取子组件传递的变量。如果需要修改父组件的变量，可以通过在子组件中触发一个自定义事件，并将需要修改的变量作为参数传递。

以上是几种常见的在子视图中访问/修改父视图变量的方式，具体使用哪种方式取决于项目的需求和技术栈的选择。

参考链接：

• React官方文档：https://reactjs.org/
• Vue.js官方文档：https://vuejs.org/
• Redux官方文档：https://redux.js.org/