随笔分类 -  Vue

安装卸载Vue npm 以及 ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! vuecli3@0.1.0 dev: `vue-cli-service serve` npm ERR! Exit status 1
摘要：- 电脑需要现有node的环境 - node -v - npm -v - 安装命令 - 查看支持的vue的版本 npm view vue-cli version --json - 安装指定版本vue npm install -g vue@2.9.6 - 如果遇见了文件已经存在的错误【npm ERR! 阅读全文
posted @ 2020-08-05 17:49 青柚 阅读(12979) 评论(0) 推荐(0)
vue 实现购物车
摘要：####利用计算属性实现购物车功能，计算属性总是会依赖于自身使用的数组，在和购物车进行交互（全选、加减数量、删除）时总是应该对数组的元素进行操作，在对数组操作后，计算属性则会进行重新渲染视图，因而你只需要关心你的数据即可。 ###代码如下： <!DOCTYPE html> <html lang="e 阅读全文
posted @ 2020-06-05 14:25 青柚 阅读(592) 评论(0) 推荐(0)
vue 获取当前checkbox的状态
摘要：####vue中给元素绑定了事件之后，无论是否指定参数，vue都默认将元素的原始对象event以参数的形式传递到函数内部，从而可以从函数的内部获取的元素的当前属性和状态 ####Html结构代码 - 默认会将event原始对象传入 <input type="checkbox" checked @cl 阅读全文
posted @ 2020-06-04 19:55 青柚 阅读(5574) 评论(0) 推荐(0)
vue 项目优化记录 持续更新...
摘要：``` 1. 按需加载页面或组件，在vue中打包后会把所有的业务逻辑打包到app.js中，导致文件体积过大，从而导致页面加载缓慢 - 拆分页面 ：在项目的router中的index.js中将页面引用更改成为箭头函数 component: () => import('文件路径') - 拆分组件 ：在主页面中将组件引用更改为箭头函数 components: { 组件名称: () => imp... 阅读全文
posted @ 2019-12-25 21:06 青柚 阅读(181) 评论(0) 推荐(0)
vue 项目打包
摘要：``` 打包命令：npm run build 打包成功后再项目的根目录下生成了dist源码包 可以配置服务器的文件夹路径 在项目的config文件夹下的index.js中，找到 build 选项 可以修改 assetsPublicPath: '/你的文件名称' 再次运行打包命令 ``` 阅读全文
posted @ 2019-12-25 20:43 青柚 阅读(655) 评论(0) 推荐(0)
vue 真机调试页面出现空白
摘要：``` 在项目的根目录下使用命令 npm install babel-polyfill --save 安装成功后再 main.js 中引用第三方包 import 'babel-polyfill' 重启vue项目即可 ``` 阅读全文
posted @ 2019-12-25 20:32 青柚 阅读(555) 评论(0) 推荐(0)
vue 真机调试
摘要：``` 在项目文件下的package.json 文件中的scripts下的 "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", 将--host 0.0.0.0 添加到webpack-dev-server的后面： "dev": "webpack-dev-server -... 阅读全文
posted @ 2019-12-25 20:28 青柚 阅读(1035) 评论(0) 推荐(0)