vue遇坑-第一章

1. webpack-dev-server 不是内部 外部命令
   错误原因 : 执行命令 npm run dev实际执行
   解决方法 : npm install webpack-dev-server -g （一般全局安装后就没问题）
2. 安装依赖
   npm install
3. 将项目运行到模拟器
   要求: 手机和电脑要在同一个网络下。

build目录
webpack.dev.conf.js文件
修改host端口
host:'0.0.0.0',

查看电脑本机的ip
ipconfig

然后在手机的浏览器上打开 http://192.168.0.108:8088。（我的vue项目在本地打开是8088端口，要更改为自己相对应的端口）

4. 电脑端手机端解析的图片不一样
   <img v-lazy="image.content" />
   拿到的图片数据
   http://122.10.100.244:7001/download?fileName=2b56f1b6-b80d-4ef9-888e-a25980aeef77.jpg
   将它放到网站上查看,直接跳转到下载的步骤
   错误原因:download?fileName=2b56f1b6-b80d-4ef9-888e-a25980aeef77.jpg
   指定跳转下载地址

此时,电脑端的界面是没有办法查看的
看到上面使用vue项目运行到模拟器.....图片是加载成功显示 的

5. 遇到一个样式问题
   为了追加一个竖线样式
   [我可真是个小机灵鬼呐~]

   
   

6. 背景颜色
   将背景颜色灰色变成白色

   
   

7. Vue实例
   beforecreate : 可以在这加个loading事件，在加载实例时触发
   created : 初始化完成时的事件写在这里，如在这结束loading事件，异步请求也适宜在这里调用
   mounted : 挂载元素，获取到DOM节点
   updated : 如果对数据统一处理，在这里写上相应函数
   beforeDestroy : 可以做一个确认停止事件的确认框
   nextTick : 更新数据后立即操作dom
   // 实例挂载被修改
   beforeUpdate() {}

8.vant版本低

最初使用2.0.9版本的vant
想要使用嵌套必须升级版本才能支持
npm install vant