- 博客(10)
- 收藏
- 关注
原创 认识Vuex
Vuex什么是Vuex安装使用vuex的核心概念什么是VuexVuex是一个专为Vue.js应用程序开发的状态管理模式。它采用了集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。通俗讲可以将它看成把多个组件共享的变量全部存储在一个对象里面,然后,将这个对象放在顶层的vue实例中,让其他组件可以使用。使用场景大型单页应用。用户登录状态,用户名称,地理位置,商品的收藏,购物车中的商品。安装使用安装使用vuexnpm install vuex --save一般
2022-05-19 23:01:29
141
原创 Promise
Promisepromise的初步认识promise的三种状态一级标题promise的初步认识Promise是异步编程的一种解决方案promise的三种状态pending :等待状态,如正在等待网络请求fulfill : 满足状态,当主动回调了resolve()时,就处于该状态,并且会回调.then()reject : 拒绝状态,当主动回调了reject()时,就处于该状态,并且会回调.catch()在这里插入代码片promise的三种状态pending :等待状态,如正在等待网络请求。
2022-05-03 20:22:50
770
原创 Vue Router
Vue Router认识路由vue-router的基本使用vue-router嵌套路由vue-router参数传递vue-router导航守卫keep-alive认识路由 vue-router是基于路由和组建的,路由用于设定访问路径,将组件和路径映射起来。在vue-router的单页面应用中,页面路径的改变就是组件的切换。官方文档入口vue-router的基本使用安装和配置:步骤一:安装vue-routernpm install vue-router --save步骤二:在模块化工程中使用
2022-05-02 20:41:15
288
原创 vue插槽
插槽组件的插槽是为了让我们封装的组件更加具有扩展性让使用者可以决定组件内部的一些内容到底展示什么基本使用<!-- 父组件 --><div id="app"> <cpn ></cpn> <cpn > <p>主页</p> </cpn> <cpn > <p>导航页</p> <input t
2022-04-30 21:23:52
376
原创 vue父子组件之间的通信
vue父子组件之间的通信通过props向子组件传递数据(父传子)在组件中,使用props来声明需要从父级接收到的数据props的值有两种表达方式:方法一:字符串数组,数组中的字符串就是传递时的名称方法二:对象,对象可以设置传递时的类型,也可以设置默认值<!-- 父组件 --><div id="app"> <cpn :cmovies="movies" :cmessage="message"></cpn></div><!
2022-04-28 11:56:29
1051
原创 vue的计算属性与侦听属性
vue的计算和侦听属性计算属性(computed)侦听属性(watch)计算属性(computed)计算属性用于处理复杂的业务逻辑计算属性具有依赖性,计算属性依赖 data中的初始值,只有当初始值改变的时候,计算属性才会再次计算计算属性一般书写为一个函数,返回了一个值,这个值具有依赖性,只有依赖的那个值发生改变,他才会重新计算计算属性的完整写法其实是其中包含了getter和setter方法,声明一个对象,我们在获取数据时会调用get方法,设置数据时会调用set方法<div id="demo
2022-04-27 00:54:17
1379
原创 Flex语法
Flex1、指定为flex布局任何容器 display : flex行内元素 display : inline-flexWebkit内核浏览器 display : -webkit-flex ; display : flex2、布局的基本概念水平主轴 main axis垂直交叉轴 cross axis主轴开始/结束位置 main start main end交叉轴开始/结束位置 cross start cross end项目占据的主/交叉轴空间 main size cros
2021-10-22 13:10:05
272
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅