vue 使用过程中自己遇到的bug

时间:2023-03-08 17:49:41

需要安装npm git(windows系统需要安装)

npm 是node的包管理工具

npm 国内的网站比较慢,推荐使用cnpm(淘宝的镜像)

cnpm(npm) install 创建依赖-----因为package.json中有

vue 使用过程中自己遇到的bug

run dev 启动项目 其实是执行的是node bulid/dev-derver.js

在package.json中的有

vue 使用过程中自己遇到的bug

.vue其实就是vue的一个实例

在创建vue实例时,不能使用h5内部原生的标签名进行命名,否则会报错

使用vue-cli 和webpack搭建的项目中引入静态css文件

在模板文件,也就是.vue中引入

在style标签中引入

@import './assets/css/common.css';

运行项目报错

vue 使用过程中自己遇到的bug

缺少依赖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中的路径写错

vue 使用过程中自己遇到的bug

@import 结尾没有;

如果这个@import是style的最后一句,没有问题,否则@import的文件不会导入到页面

vue与jquery是相互冲突的,所以很多基于jquery的插件都不能使用

使用插件的方法

demo:

使用echarts

cnpm install echarts --save-dev

安装成功之后,直接在使用的页面中引入

import echarts from "echarts";