01 2023 档案
摘要：路由传参 先配置好路由 在父组件种添加 <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获取父
阅读全文
摘要：组件化开发 组件化开发，指的是，根据封装的思想，把页面上，可以重用的部分分装成为组件，从而更方便项目开发和维护 一个页面，可以拆分成一个个组件，一个个组件是一个整体，每个组件可以有自己独立的结构，样式，行为 我们创建脚手架的时候，使用的App.vue，这个就是最大的根组件 跟组件存放的位置：src中
阅读全文
摘要：v-mode双向数据绑定（重点） 基本使用：给表单元素使用，双向数据绑定 （1）当数据变化了，视图也会跟着变化 （2）视图变化了，数据也会跟着变化（输入框内容变化了（监听用户的输入，监听input事件），数据也要跟着变化） 语法：v-model = ‘值’ <input type="text" v-
阅读全文
摘要：vue渐进式概念 渐进式：逐渐增强，可以在项目中使用vue的一部分功能，也可以使用vue全家桶来管理vue项目 vue的mvvm的框架模型 M：model数据模型（ajax获取到的数据） V：view视图（页面） VM：ViewModel视图模型 mvvm通过数据双向绑定让数据自动地双向同步，不再需
阅读全文
