vue.js 动态加载 html,vue.js如何像jQuery一样动态加入html模板？？？

{if$user.user_id==0}

登录

{else}

会员中心

历史观看

账户安全

退出

{/if}

以上是tp5框架语法，判断用户登录和未登录的两个状态，php动态情况下完美，生成静态后就尴尬了。

借助如jQuery动态识别两种状态加入HTML到元素中，也能实现。

if(MAC.Cookie.Get('user_id') !=undefined && MAC.Cookie.Get('user_id')!=''){

var user_html='

登录

';

console.log("已登录")

}else{

console.log("未登录")

var user_html='

会员中心历史观看账户安全退出

';

};

但是问题是目前环境是vue.js，以上直接html()到元素中，由于是vue语法直接不解析。

请问在vue语法下如何实现这种更具某个变量的false或者true来输出不同模板到页面中，并且vue能够解析？？？