vue 支持应用嵌套么？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 625 天前的主题，其中的信息可能已经有所发展或是发生改变。

类似这样
/demo/1 的页面
页面内再 new vue
新的 app 可以局部刷新路由还是一样的 /demo/1 只是多了参数?flag=xx

我自己测试了下里面的 app 内容不会显示不知道什么原因也没有执行，created

Vue

Demo

嵌套

App

4 条回复

xiaohundun

2023-03-21 11:25:29 +08:00

https://codesandbox.io/p/sandbox/objective-bessie-ku478e?file=%2FREADME.md

heishu

2023-03-21 13:46:21 +08:00

@xiaohundun 这种的话，那其他 component 是算 app 还是 App2 的状态呢，数据共享吗

xiaohundun

2023-03-21 14:27:56 +08:00

@heishu 你挂在不同的应用实例下就是不同的组件实例，肯定不共享呀，这种 sandbox 里试试就知道了，https://codesandbox.io/p/sandbox/objective-bessie-ku478e?file=%2Fsrc%2FApp.vue&selection=%5B%7B%22endColumn%22%3A18%2C%22endLineNumber%22%3A13%2C%22startColumn%22%3A18%2C%22startLineNumber%22%3A13%7D%5D

dongtingyue

2023-03-21 17:44:06 +08:00

@xiaohundun 嵌套已经可以了，但是现在又出现个问题。
父页面 <router-view></router-view>
子页面通过 component 的方式可以正常渲染
通过
```
render: function (createElement) {
return createElement('h2')
}
```
无法渲染，是什么原因？