摘要:
vue从入门到精通之【vuex】(七) vuex一个公用的大仓库,Vuex 可以帮助我们管理共享状态,并附带了更多的概念和框架。 Vuex 实现了一个单向数据流,在全局拥有一个 state 存放数据,当组件要更改 state 中的数据时,必须通过 mutations 进行,mutations 同时提 阅读全文
摘要:
父子组件的通信 首先,我们指导正常情况下子组件是不能访问父组件或者Vue实例的数据的 但是,在开发中,往往一些数据确实需要从上层传递到下层 比如在一个页面中,我们从服务器请求到了很多的数据。其中一部分数据,并非是我们整个页面的大组件来展示的,而是需要下面的子组件进行展示。这个时候,并不会让子组件再次 阅读全文
摘要:
什么是组件化 如果我们将一个页面中所有的处理逻辑全部放在一起,处理起来就会变得非常复杂,而且不利于后续的管理以及扩展。但如果,我们讲一个页面拆分成一个个小的功能块,每个功能块完成属于自己这部分独立的功能,那么之后整个页面的管理和维护就变得非常容易了 组件化思想 组件化是Vue.js中的重要思想 它提 阅读全文
摘要:
生命周期定义 每个vue实例在被创建之前都要经过一系列的初始化过程,这个过程就是vue的生命周期。详细来说,就是Vue实例从开始创建,初始化数据,编译模板,挂在dom->渲染,更新->渲染,卸载等一系列过程,我们称这是vue的生命周期,各个阶段有相对应的事件钩子。 钩子函数:当代码执行到特定阶段的时 阅读全文
摘要:
安装: npm i @vue/cli -g 基于脚手架创建 vue 项目: 选中 vue 版本 自定义一些配置项 vue create xxx //项目需要符合npm包规范(数字和小写字母) 项目目录: 特殊: 一般来讲,public/index.html 页面模板中不会编写啥内容,一般都是基于 w 阅读全文
摘要:
Vue.prototype vm.$watch 设置监听器,和直接在配置项中写的 watch 类似 vm.$set 设置响应式数据的值 vm.$delete 删除某个响应式数据 vm.$destroy 销毁这个组件/实例 会触发 beforeDestory 和 destroyed 周期函数 vm.$ 阅读全文
摘要:
vue 从入门到精通之【vue数据视图】(一) vue Vue是"渐进式框架":vue.min.js只包含了vue的核心内容【例如:options api 、数据处理、template模板视图解析等操作】;真实项目中我们还会根据需求,导入 vuex实现公共状态管理 vue-router 实现SPA( 阅读全文