[問題] Vue 網頁原始碼問題

[Oedogonium (喵)]

我做了一個動態網頁
用Ajax讀取後端的資料後
用vue渲染前端的頁面

但是我的網頁原始碼會出現 {{title}} 等vue的程式碼
這是正常的嗎?
我應該要如何修改呢?

Ajax:

$.ajax(
        {
                url: "/php/name.php?,
                async: false,
                success: function(res){
                        name_data=JSON.parse(res);
                        var vm = new Vue({
                                el: "#name_header",
                                data: name_data
                        });
                }

        }
);

網頁原始碼如下:
      <div class="left" id="name_header" v-cloak>
        <div class="family">{{family}}  {{chfamily}} {{genus}} {{chgenus}}</span></a></div>
        </div>
      </div>

這樣是否會影響Google爬蟲讀取資料，進而影響SEO呢?

原本是用php寫全端的網頁，
網頁原始碼中就會直接出現網頁上實際呈現的資料，
現在想將前後端拆開來，不確定自己的做法是否有錯誤....


--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 220.133.21.230 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1641433330.A.20A.html
→ gasbomb: 當然會影響SEO啊 所以才要做SSR
→ ck574b027: 與其說拆開，應該叫原本只有後端，加入前端來實現動
→ ck574b027: 態。SSR的方案目前沒看過比兩端都用js方便的，你可能
→ ck574b027: 要開始考慮轉換語言
推 crossdunk: 還好吧 現在爬蟲都會執行js了
→ crossdunk: 只是在有些預覽上的確會有問題，但SEO應該是不會有問
→ crossdunk: 題，尤其是google的
推 ayugioh2003: google 關鍵字 php + Vue +SSR
推 windclara: 是正常的。因為在VUE運作前，你的HTML確實是長這樣