我对 vuejs 非常热衷,但组合 API 让我在反应性上稍微迷失了一些:
\n在 .vue 子组件中,传递一个 prop(由另一个父组件),电影:
\nexport default {\n props:{\n movies: Array\n },\n setup(props){}\nRun Code Online (Sandbox Code Playgroud)\n。
\n放置在该子组件的setup函数体中:
\nA) console.log("props: ",props) // Proxy {}\nRun Code Online (Sandbox Code Playgroud)\n[above EXPECTED] 上面告诉我 props 对象是一个反应式代理对象。
\nB) console.log("props.movies: ",props.movies); // Proxy {}\nRun Code Online (Sandbox Code Playgroud)\n[以上意外] 上面告诉我 props 键“movies”也是一个反应式代理对象,为什么?(因此,为什么不仅主要 props 对象是反应性的?也许我应该认为这是理所当然的(例如,将其视为 props =reactive(props) 调用的结果) \n--> 答案: props 是 * *深 ** 反应对象(感谢 Michal Lev\xc3\xbd!)
\nC) let moviesLocal = props.movies ; // ERROR-> getting value from props in root …Run Code Online (Sandbox Code Playgroud)