在Vue中，我们经常需要在组件之间进行数据传递和切换，而将用户输入的内容封装成组件是解决这个问题的一种方法。

首先，我们需要在你的项目中引入Vue和Vue Router。如果你还没有安装，可以使用npm进行安装：

bash npm install vue vue-router

然后，你可以使用Vue Router来管理路由和跳转。以下是一个简单的例子：

```javascript import Vue from 'vue' import VueRouter from 'vue-router' import App from './App.vue'

Vue.use(VueRouter)

// 设置路由 const routes = [ { path: '/editor', component: EditorComponent } ]

// 定义组件 const EditorComponent = { template: <ueditor :value="content" @change="onChange" @keydown="onKeydown"></ueditor> }

export default new VueRouter({ routes }) ```

在上述代码中，我们首先导入了Vue和Vue Router。然后，我们设置了一个路由，这个路由匹配 '/editor'。接着，我们定义了一个组件，这个组件包含了一个ueditor元素，这个ueditor元素接受一个value参数，用于存储用户输入的内容。

然后，我们在模板中使用了ueditor组件，当用户在ueditor中输入内容时，会触发onChange和onKeydown事件。

在你每次跳转路由后，需要重新获取当前的value值，然后将其赋给ueditor元素。这样，当用户再次点击ueditor中的编辑按钮时，才会触发onChange和onKeydown事件。

如果你是在其他组件中使用了ueditor组件，你需要将它作为一个参数传递给这个组件。例如：

javascript <editor :value="content" @change="onChange" @keydown="onKeydown"></editor>

在这个例子中，editor是一个引用，指向编辑器组件。我们在编辑器组件中设置了content参数，用于存储用户输入的内容。