WindNolose的博客

VUE中的标签属性，可以在属性前使用，让属性绑定到中的动态数据标签可以使用配合实现表格渲染列表数据业务需要我们对数据进行一些拼接的操作比如月份，请求到的数据是纯数字，可是表格中应该显示 才是正确的这个其实很简单，直接使用加号即可，但是要注意单引号和双引号的区分我们以为例，我们在城市后面拼接字样数据：标签数据：效果：如果是使用渲染的数据，那么字符串拼接上，只会认为这个值是你属性的值正确的做法是使用标签嵌套数据我们以月份为例data请求后的数据：未拼接的标签：效果：拼接后的标签：效

说明：因为不想去安装过多的编译软件，所以前端打算直接用IDEA来编写，踩了一点小坑，做个记录前置：已安装node.js环境node下载地址：http://nodejs.cn/download/（一直下一步就行，这里就不做演示了）第一步：安装插件打开设置直接搜索这里我已经安装过了，所以图标是灰色的，装好记得要重启IDEA搜索功能失效可参考：IDEA2020.1的自带插件搜索功能失效还不行就去官网下了本地安装第二步：创建项目测试重启之后，点击新建项目可以直接创建VUE项目记得名

1.打包VUE项目命令：npm run buildnpm run build打包完成后，项目中会多出来一个dist文件夹，里面就是打包后的文件2.部署Tomcat此处采用docker compose的方式部署Tomcat任意创建一个目录，在目录下编辑docker-compose.yml文件挂载容器中的/usr/local/tomcat/webapps目录version: "3"services: tomcat: image: tomcat:8.5 containe