vue 实现多个空白占位符

vue 实现多个空白占位符

项目检查的时候，被老板一顿逼逼。揪着无关紧要的登录二字的空格逼了我很久。没办法老板就是老板。我一开始用的是在 登录中添加一个空格符 如：登  录 自信满满的去查看效果，但是结果总是和我想的有点出入，发现并没有什么效果。几番查阅之后我才了解到原来在vue中是不会解析html的占位符的，所以刚刚那顿操作是没啥用的。那怎么办呢？

首先

export default {
   data(){
   	return{
   			title: '登\u3000\u3000录'
   			 //在这边把数据进行处理在返回到template中用 {{title}} 显示出来
   			}
   	}
   }

tip:
1.在英文中常使用--半角空格(英文符号)\u0020
2.在中文中常使用--全角空格(中文符号)\u3000

最后在template中使用

<template>
	<h3 class="title" style="color: #000">{{title}}</h3>
</template>

结果