vue内联样式如何加变量

1、首先创建一个页面目录,如下图所示

2、然后将vue的库文件引入js中,如下图所示

3、接下来如果style内联样式中没有变量直接正常写就OK,如下图所示

4、而如果有变量的话需要在style前面加上冒号,如下图所示

5、接着直接将style里面加大括号,样式之间用逗号分隔,如下图所示

6、最后如果有的样式有横线分割则注意用引号引起来,如下图所示