用vuejs绑定数据,如何处理SEO问题?

Question

后端是asp.net, 提示API接口, 前端用script标签引入vuejs进行数据绑定
请问这种模式下, SEO该如何处理???

不是单页应用, 传统的多页资讯站, 只是用vuejs来绑定数据

 <h1 v-bind:title="detail.ProjectName" class="project-name">{{detail.ProjectName}}</h1>
 <p v-bind:title="detail.ShortDesc" class="project-intro">{{detail.ShortDesc}}</p>

 <script src="//cdn.bootcss.com/vue/2.0.5/vue.min.js"></script>
 <script src="//cdn.bootcss.com/vue-resource/1.0.3/vue-resource.min.js"></script>
 <script>
 new Vue({
     el: '#app',
     data: {
         detail:''
     },
     methods: {
         getData: function () {
             this.$http.get(url).then(function(res){
                 this.detail = res.data
             })
         }
     },
     mounted: function () {
         this.getData()
     }
 })
 </script>

Answer 1

vue做单页本来就不容易被爬取内容了、还考虑SEO吗

Answer 2

其实解决SEO问题不一定非得用服务端渲染来处理，服务端渲染对于刚接触 vue 的新手来说，并不是那么友好，虽然已有官方 SSR 中文文档。但是对于一个已经开发完毕的 vue 项目去接 SSR 无论是从工作量还是技术角度来说，都是一种挑战。有兴趣可以看一下这篇文章vue spa 单页应用的SEO另一种思路

Answer 3

我发现title是可以动态绑定上去的但是里面的meta值并不能动态的去绑定哎