05 2022 档案
摘要：1.什么是 react?React是用于构建用户界面的Javascript库。React主要用来写HTML页面或者构建Web应用。如果从MVC的角度来看，React仅仅是视图层（V），负责视图的渲染。React起源于FaceBook内部项目。2.React的特点？2.1 声明式（跟HTML一样就是在
阅读全文
摘要：前言 在介绍MVVM框架之前，先给大家简单介绍一下MVC、MVP框架（由于本博文主要讲解MVVM，所以MVC和MVP将简化介绍，如果需要我将在以后的博文中补充进来）。 MVC框架： M-Model : 业务逻辑和实体模型(biz/bean)V-View : 布局文件(XML)C-Controller
阅读全文
摘要：随着对 vue 的不断了解，会越来越发现它生命周期的重要性，只有了解了它的生命周期，才能在开发项目的时候在逻辑上的很好的判断什么时候该发生什么事件，即很好的控制页面。 一、什么是 vue 生命周期Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、
阅读全文
摘要：一、使用例子使用例子（一） var arr = ['nick','freddy','mike','james'];for(var item of arr){ console.log(item);}输出结果： 遍历数组里的每一项。 二、使用例子（二） var arr = [ { name:'nick'
阅读全文
摘要：首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象（这句话有些问题，后面会解释为什么会有问题，虽然网上大部分的文章都是这样说的，虽然在很多情况下那样去理解不会出什么问题，但是实际上那样理解是不准确的
阅读全文
摘要：1.通过vue3-cli脚手架创建项目vue create music（项目名叫music）选择命令 2.现在src中已经配置了router和store文件夹，在views里新建HomeView.vue和AboutView.vue，再打开router文件夹配置路由 引入先HomeView.vue，再
阅读全文
摘要：父子组件之间数据通信 第一种：父-->子 props传递数据； 子-->父 触发自定义事件的形式 第二种：provide...inject结构 父组件project抛出数据，子组件inject接收数据 非父子组件之间的数据通信 第一种：事件总线Bus（空vue对象） 第二种：状态管理库vuex
阅读全文
摘要：setup() Vue3最重要新特性之一 作用：之前vue对象规定了我们必须把某一类数据放到某一个机构中，这样在一定程度上对我们的代码进行了强制的分割。 在vue3中，我们引入了setup()合成API语法，它可以将某数据关联的内容都整合到一个部分，即使setup()中的内容越来越多，也会围绕大而不
阅读全文
摘要：Vuex是一个专为Vue.js应用程序开发的状态管理库。状态就是指组件之间共享的数据 vue项目中配置状态管理库vuex的流程 1.下载并引入vuex相关内容 2.创建状态管理库对象store 3.对外抛出store对象 4.在main.js中将store对象与当前项目相关联 store状态管理库重
阅读全文
摘要：vue3项目如何配置路由 1.下载vue-router，在路由文件中引入相关依赖 2.创建路由信息对象数组 3.创建路由管理器对象并对外抛出 4.在main.js使用use(router)方法，将路由管理对象与当前vue项目相关联 5.在项目中设置路由导航router-link与路由出口router
阅读全文
