摘要: 打包工具 打包: 将文件转换为浏览器能支持的方式 与gulp的比较 gulp/grunt:无模块化 简单 自动化 webpack 有模块化 依赖node环境 压缩合并 预处理 转化过程 安装过程 先安装node node 自带安装npm npm install webpack @3.6.0 -g 阅读全文
posted @ 2020-08-23 12:31 青橙娃娃 阅读(126) 评论(0) 推荐(0) 编辑
摘要: 父组件->子组件 阅读全文
posted @ 2020-08-23 12:20 青橙娃娃 阅读(84) 评论(0) 推荐(0) 编辑
摘要: 1目录分类 src components common //独立于业务之外的公共组件 content //与业务相关的公共组件 network request.js home.js 一个组件所有的网络请求 router index.js store index.js view 各个页面 ,相关的页面 阅读全文
posted @ 2020-08-23 10:09 青橙娃娃 阅读(244) 评论(0) 推荐(0) 编辑
摘要: 1 阅读全文
posted @ 2020-08-23 10:08 青橙娃娃 阅读(132) 评论(0) 推荐(0) 编辑
摘要: 作用:类似于jQuery的$.ajax作为网络请求的封装组件 使用流程 安装 npm install vue-axios --save 在main.js 中使用 import axios from 'axios' vue.prototype.$ajax= axios 说明: 默认是get请求 有跨域 阅读全文
posted @ 2020-08-23 10:07 青橙娃娃 阅读(1280) 评论(0) 推荐(0) 编辑
摘要: 1概念: Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生 集中管理状态 每次被分组件提交方法就触发到 总仓库得数据 就是共享的状态用state来存放,用mutations来操作state,但是需要 阅读全文
posted @ 2020-08-23 10:02 青橙娃娃 阅读(101) 评论(0) 推荐(0) 编辑
摘要: 1keep-alive:主要用于保留组件状态或避免重新渲染。 Props: include - 字符串或正则表达式。只有名称匹配的组件会被缓存。 exclude - 字符串或正则表达式。任何名称匹配的组件都不会被缓存。 max - 数字。最多可以缓存多少组件实例。 阅读全文
posted @ 2020-08-23 10:01 青橙娃娃 阅读(108) 评论(0) 推荐(0) 编辑
摘要: 1 vue每个组件都是独立的,每个组件都有一个属于它的生命周期,从一个组件创建、数据初始化、挂载、更新、销毁 2图示1 阅读全文
posted @ 2020-08-23 09:58 青橙娃娃 阅读(110) 评论(0) 推荐(0) 编辑
摘要: 1 watch 注意:1当值第一次绑定的时候,不会执行监听函数,只有值发生改变才会执行,是因为immediate 默认 false当 immediate = true 的时候,进入组件会立即执行。并且可以监测到组件传递数据。 watch: {//普通数值 demo(val) { this.value 阅读全文
posted @ 2020-08-23 09:57 青橙娃娃 阅读(110) 评论(0) 推荐(0) 编辑