vue 使用过程中自己遇到的bug
2017-04-20 14:42
417 查看
需要安装npm git(windows系统需要安装)
npm 是node的包管理工具
npm 国内的网站比较慢,推荐使用cnpm(淘宝的镜像)
cnpm(npm) install 创建依赖-----因为package.json中有
![](https://oscdn.geek-share.com/Uploads/Images/Content/201912/31/ac77d7e22198001eb1925bbc10ba4be5.png)
run dev 启动项目 其实是执行的是node bulid/dev-derver.js
在package.json中的有
![](https://oscdn.geek-share.com/Uploads/Images/Content/201912/31/869620db2367fda4d5bbfa16f0ef59df.png)
.vue其实就是vue的一个实例
在创建vue实例时,不能使用h5内部原生的标签名进行命名,否则会报错
使用vue-cli 和webpack搭建的项目中引入静态css文件
在模板文件,也就是.vue中引入
在style标签中引入
运行项目报错
![](https://oscdn.geek-share.com/Uploads/Images/Content/201912/31/74b6b61b04f8aa64597996b06779a909.png)
缺少依赖sass-loader 因为用到了sass
cnpm install sass-loader --save-dev
就可以了
这样写就不需要安装sass-loader
注意点:
@import中的路径写错
![](https://oscdn.geek-share.com/Uploads/Images/Content/201912/31/032a9d4e8489c67dc174f2f83e05cb92.png)
@import 结尾没有;
如果这个@import是style的最后一句,没有问题,否则@import的文件不会导入到页面
vue与jquery是相互冲突的,所以很多基于jquery的插件都不能使用
使用插件的方法
demo:
使用echarts
cnpm install echarts --save-dev
安装成功之后,直接在使用的页面中引入
import echarts from "echarts";
npm 是node的包管理工具
npm 国内的网站比较慢,推荐使用cnpm(淘宝的镜像)
cnpm(npm) install 创建依赖-----因为package.json中有
![](https://oscdn.geek-share.com/Uploads/Images/Content/201912/31/ac77d7e22198001eb1925bbc10ba4be5.png)
run dev 启动项目 其实是执行的是node bulid/dev-derver.js
在package.json中的有
![](https://oscdn.geek-share.com/Uploads/Images/Content/201912/31/869620db2367fda4d5bbfa16f0ef59df.png)
.vue其实就是vue的一个实例
在创建vue实例时,不能使用h5内部原生的标签名进行命名,否则会报错
使用vue-cli 和webpack搭建的项目中引入静态css文件
在模板文件,也就是.vue中引入
在style标签中引入
@import './assets/css/common.css';
运行项目报错
![](https://oscdn.geek-share.com/Uploads/Images/Content/201912/31/74b6b61b04f8aa64597996b06779a909.png)
缺少依赖sass-loader 因为用到了sass
<style lang="sass"> @import './assets/css/common.css'; </style>
cnpm install sass-loader --save-dev
就可以了
这样写就不需要安装sass-loader
<style> @import './assets/css/common.css'; </style>
注意点:
@import中的路径写错
![](https://oscdn.geek-share.com/Uploads/Images/Content/201912/31/032a9d4e8489c67dc174f2f83e05cb92.png)
@import 结尾没有;
如果这个@import是style的最后一句,没有问题,否则@import的文件不会导入到页面
vue与jquery是相互冲突的,所以很多基于jquery的插件都不能使用
使用插件的方法
demo:
使用echarts
cnpm install echarts --save-dev
安装成功之后,直接在使用的页面中引入
import echarts from "echarts";
相关文章推荐
- vue使用过程中遇到的细节问题
- AndroidStudio使用过程中遇到的bug
- vue安装教程(自己安装过程及遇到的一些坑)
- html2canvas.js使用过程中在ios下遇到的bug——背景音乐重复播放
- 使用WebDriver的过程中遇到的一个Bug
- 解决vue安装教程(自己安装过程及遇到的一些坑)
- Vue遇到的bug-03(VUE之使用高德地图API)
- vue 安装教程(自己安装过程及遇到的一些坑)
- Gradle中打jar包的方法,Gradle 自动化构建工具,Android Studio 中 Gradle 的使用方法,AndroidStudio使用过程中遇到的bug
- vue使用过程中遇到的错误提示一
- [置顶] AndroidStudio使用过程中遇到的bug
- vue使用过程中遇到的错误提示一
- iOS开发笔记之三十一——日历NSCaledar使用过程中遇到的一个苹果系统bug
- vue 安装教程(自己安装过程及遇到的一些坑)
- AndroidStudio使用过程中遇到的bug(持续更新)
- vue安装教程(自己安装过程及遇到的一些坑)
- html2canvas.js使用过程中在ios下遇到的bug——截图不完整
- AndroidStudio3.0使用过程中遇到的bug
- AndroidStudio使用过程中遇到的bug
- Spark1.5.2使用过程中遇到的两个bug