摘要：
##概念 在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。 ##何时使用？ 多个组件需要共享数据时 ##环境搭建 1.创建文件：src/store/index.js //引入Vue核心 阅读全文
摘要：
父组件可以向子组件插入指定未知html结构，也是一种组件间通信方式，适用于 父组件 → 子组件。 ##默认插槽 父组件： <Student> <div>html结构</div> </Student> 子组件： <template> <div> <slot>插槽默认内容</slot> </div> < 阅读全文
摘要：
vue实现异步加载的一个库文件。（推荐使用axios） 1.下载npm i vue-resource 2.在main.js中引入插件: import vueResource from 'vue-reource。然后使用插件Vue.use(vueResource)。 3.获取数据的方法：this.$h 阅读全文
摘要：
如果你的前端应用和后端 API 服务器没有运行在同一个主机上，你需要在开发环境下将 API 请求代理到 API 服务器。这个问题可以通过 vue.config.js 中的 devServer.proxy 选项来配置。 ##实现方式 ###方式一 在vue.config.js中添加devServer: 阅读全文
摘要：
1.语法：this.$nextTick(回调函数) 2.作用：在下一次更新结束后执行其指定的回调函数。 3.使用时机：当改变数据后，要基于更新后的新DOM及逆行某些操作时，要在nextTick所指定的回调函数中执行。 阅读全文
摘要：
一种组件间通信方式，适用于任意组件间通信。 ##使用步骤 1.安装pubsub: npm i pubsub-js 2.引入：import pubsub from 'pubsub-js' 3.接收数据：A组件想接收数据，则在A组件中订阅消息，订阅的回调留在A组件自身。pubsub.subscribe( 阅读全文
摘要：
#全局事件总线 一种组件间的通信方式，适用于任意组件间通信。 ##使用方式 1.安装全局事件总线 new Vue({ render: h => h(App), beforeCreate() { Vue.prototype.$bus = this } }).$mount('#app') 2.使用事件总 阅读全文
摘要：
##组件的自定义事件 1.一种组件间的通信方式，适用于：子组件 > 父组件。 2.使用场景：A是父组件，B是子组件，B想要给A传数据，那么就要在A中给B绑定自定义事件（事件的回调在A中） 3.组件上也可以绑定原生的DOM事件，需要使用native修饰符。 4.注意：通过this.$refs.xxx. 阅读全文
摘要：
1.存储内容大小一般支持5MB（不同浏览器可能还不一样）。 2.浏览器端通过Window.sessionStorage和Window.localStorage属性来实现本地存储机制。 3.相关API： 1. localStorage.setItem('key','value'); 该方法接受一个键和 阅读全文
摘要：
作用：让样式在局部生效，防止冲突 <style scoped> </style> 阅读全文
摘要：
url地址:其中参数data.recruitmentName为中文。 //使用encodeURI()进行二次编码 location.href = "http://localhost:8080/pages/manager/jobs_main.html?recruitmentId="+data.id+" 阅读全文
摘要：
/** * 获取地址栏参数 * @param variable * @returns {string|boolean} */ function getQueryVariable(variable) { var query = window.location.search.substring(1); 阅读全文
摘要：
**作用：**用于增强Vue 使用方式： 创建插件plugins.js export default { install(Vue){ } } 在main.js中引入插件 import plugins from "@/plugins"; Vue.use(plugins)； 阅读全文
摘要：
##mixin **作用：**可以把多个组件共同的配置提取成一个混入对象。 使用方式： 定义混合 export const mixin = { methods:{ clickBtn(){ alert(this.name); } } } 在需要引入混入的组件上引入混入,并配置mixins <scrip 阅读全文
摘要：
##props属性 **作用：**让组件接收外部传过来的数据。 **传递数据方式：**在组件标签上加入对应属性名与值。 //age属性传入的是字符串 <Demo name="hzc" age="20"><Demo> //动态绑定后age传入的是Number类型的值 <Demo name="hzc" 阅读全文