本文介绍了如何绑定 html <title>Vuejs 中的内容?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着跟版网的小编来一起学习吧！

问题描述

我正在尝试在 vuejs 上进行演示.现在我想让 html 标题绑定一个 vm 字段.

以下是我尝试过的:

index.html

<!DOCTYPE html><html id="html"><头><title>{{你好 }}</title><script src="lib/requirejs/require.min.js" data-main="app"></script></头><身体>{{ 你好 }}<输入 v-model="你好" 标题="你好"/></身体></html>

app.js

定义(['jquery'，'vue'], 函数 ($, Vue) {var vm = 新的 Vue({埃尔:'html'，数据: {你好:'你好世界'}});});

但标题似乎没有限制，如何使它工作?

解决方案

基本上有两种方法可以解决.

使用现有的包

例如，vue-meta:

<块引用>

<模板><div id=app"><路由器视图></路由器视图></div></模板><脚本>导出默认{名称:'应用程序'，元信息:{//如果没有子组件指定 metaInfo.title，将使用这个标题标题:'默认标题'，//所有的标题都会被注入到这个模板中标题模板:'%s |我的真棒网络应用程序'}}</脚本>

创建自己的组件

创建一个包含以下内容的 vue 文件:


                
                  
                    如何在 Youtube 中停止使用 Javascript 的视频?
                  
                  How can I stop a video with Javascript in Youtube?(如何在 Youtube 中停止使用 Javascript 的视频?)
                
                

                
                
                  
                    嵌入 YouTube 视频 - 拒绝显示在框架中，因为它将“X-Frame-Options"设置为“SAMEO
                  
                  Embed YouTube video - Refused to display in a frame because it set #39;X-Frame-Options#39; to #39;SAMEORIGIN#39;(嵌入 YouTube 视频 - 拒绝显示在框架中，因为它将“X-Frame-Options设置为“SAMEORIGIN)
                
                

                
                
                  
                    如何从必须在目标页面范围内运行的代码中调用 Greasemonkey 的 GM_ 函数?
                  
                  How to call Greasemonkey#39;s GM_ functions from code that must run in the target page scope?(如何从必须在目标页面范围内运行的代码中调用 Greasemonkey 的 GM_ 函数?)
                
                

                
                
                  
                    如何使嵌入式 Youtube 播放器静音?
                  
                  How do you mute an embedded Youtube player?(如何使嵌入式 Youtube 播放器静音?)

如何绑定 html &lt;title&gt;Vuejs 中的内容?

问题描述

使用现有的包

创建自己的组件

如何绑定 html <title>Vuejs 中的内容?