huangwang

摘要： provide和inject provide用于跨组件的传值。在祖先组件的data中提供一个对象，该对象可被注入到子孙组件中，不论组件的层级有多深。但是必须要是嵌套关系，才能实现注入 provide和inject需要一起使用，provide进行传递inject进行注入，实现祖先组件向后代组件进行传值 阅读全文

摘要： vuex是做什么的 vue组件之间进行数据传递还是比较麻烦的，所以我们使用一个vuex仓库，统一管理数据和状态 通俗来说vuex就是专门为vue应用程序开发的状态管理模式，采用了集中式储存管理应用中所有组件状态，并且以应用的规则保证状态以一种可预测的方法发生变化 安装vuex npm i vuex@ 阅读全文

摘要： axios二次封装 封装request，然后不用每次遇到接口就使用axios进行调用接口。封装一个基地址，然后每次调用接口的时候，只用写出来自己的函数方法就好。 我们基于脚手架进行封装，创建vue项目，然后下载axios。基于网站 axios官网 使用npm进行下载，npm i axios 下载完毕 阅读全文

摘要： 路由传参 先配置好路由 在父组件种添加 <template> <div class="footer_wrap"> <!-- 头部点击--> <div> <router-link to="/practice1">点击测试1</router-link> <router-link to="/practic 阅读全文

摘要： 做一个新闻渲染的效果，最后呈现的效果 数据放入父组件中，公共样式放入子组件中 父组件中引入子组件，放入数组，然后进行样式渲染 <template> <div class="zong"> <news :list="arr" :title="title"></news> </div> </templat 阅读全文

摘要： 什么是路由（Vue-Router） 单页面，只有一个页面的情况下，所有切换都在一个页面中完成（只有一个html） 多页面，每一个URL地址对应一个全新的页面，点击进行刷新，转跳到新的页面（有多个html组成） 优点和缺点 传统的多页面应用程序，每次请求服务器返回的都是一个完整的页面 新版的单页面应用 阅读全文

摘要： 初步认识生命周期的创建和销毁过程 生命周期是什么？生命周期中有哪些东西？ 在我们的组件中，从创建到运行到销毁的阶段叫做生命周期。从我们数据被定义，到渲染到页面上，然后进行销毁的过程 vue组件运行的过程，也可以概括为生命周期 vue组件的初始化，表示生命周期的开始，vue组件的销毁，表示生命周期的结 阅读全文

摘要： slot插值语法 使用默认插槽语法： 我们在子组件内容不确定的地方使用插值语法（slot） <template> <div> 我是子组件 <br> <!-- 不确定的地方使用插值语法--> <slot></slot> </div> </template> <script> export defaul 阅读全文

摘要： 父子组件的双向数据绑定 我们先完成双向数据绑定，然后完成v-model的双向数据绑定 父组件引入子组件，然后对子组件进行传值，动态显示出来名称 <model :value=name ></model> data() { return { name : `王路飞` } }, 子组件进行接收并且渲染到页 阅读全文

摘要： 初始化项目 （1）先把vue项目创建出来 （2）然后把src中的文件替换掉，替换成我们项目的文件 （3）创建3个组件，头部组件（TodoHeader），身体组件（TodoMain），结尾组件（TodoFooter） （4）把样式导入App.vue中去 （5）把数据列表传入进去 TodoMain获取父 阅读全文