1.在vue和webpack一同使用时,当在index.js的头部像这样import Vue from 'vue'
加载vue时,会报错
[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.
解决方法是在webpack配置文件中加入
resolve: {
alias: {
vue: 'vue/dist/vue.js'
}
}
2.单文件组件引入sass的方法
首先安装npm i sass sass-loader node-sass --save-dev
(这里有可能node-sass安装失败,切换到淘宝镜像源下载即可)
方法一.在单文件组件的style
里加上lang="sass" src='path/to/scss'
即可,注意此方法加了src后再style里编写的scss无效
方法二.在style里加上lang="scss" rel="stylesheet/sass"
然后在style里引入文件@import "path/to/scss"
即可,此方法在style中编写的scss任然有效
3.vue中img引入图片报错问题
如果vue中img的图片在本地可以显示,但是在生产环境中不显示,很有肯能是用了相对路劲的结果,如:
<img src="../../assets/xxx.png" />
解决办法: <img :src=" './static/xxx.png ' "/>
未完待续