VUE.JS按照官网的步骤绑定样式无效

Question

Answer 1

首先的确赋值了。

看你这里赋值的路径和下面css的根本不一样呀

你可以在js里面import把图片先引入进来。然后使用这个引入的图片

Answer 2

参考链接：https://github.com/vuejs-temp...
看你截图里下面的css中，有个url的图片后面有哈希值，应该是你的项目里用了打包工具，所以js中静态路径找不到文件

import bg from 'img/banner.jpg'
url(bg)

Answer 3

在webpack里面，url-loader 只打包的是写在js中的图片。对于html中的图片不能打包。你的截图中看到，图片还是原始路径、原始名称。证明了没有经过打包。
1、可以用一些 loader 处理；
2、像上面的回答 import 导入，这样就变成 js 里面引入资源了；
3、可以放在静态文件夹下（vue-cli2.x 是static，vue-cli3.x 是public）；