前端切图

Vue

CSS(1) 原生JS(2) 算法(2)

/ 注册

全部文章 / Vue （共9篇）

Vue生命周期钩子函数

Vue中每个组件都有属于它自己的生命周期。这个生命周期包括：组件创建、数据初始化、挂载、更新、销毁。这整个生命周期中，每执行到一个特定结点就会执行相应操作或者进行事件回调，因此我们就可以在这些回调函数中添加自己所需要的一些操作。钩子函数就是回调函数的一种形式。 beforeCreate 在实例初...

2020-06-04

0 607

Vuex---getters

getters相当于一个计算属性，在我们从state取数据时，对数据进行一些计算或者过滤等操作 state: { counter: 1000, students: [ &...

2020-06-01

0 484

Vuex--actions

在Vuex mutations中，我们有时会进行异步操作（向后端发送请求）。 action中方法的第一个参数context 相当于$store 现在使用setTimeout()模仿异步操作 state: { inf...

2020-06-01

0 619

Vuex---mutation

mutation vue中更新状态的唯一方式 state: { counter: 1000, } mutations: { //add称为事件类型 ...

2020-06-01

0 640

Vuex简介

我们有一个需要多个组件共享的数据，单独放到一个组件中，其他组件需要使用，如果我们自己来完成这是非常麻烦的事情，你需要去写很多个组件通信的方法。Vuejs提供一个状态管理的插件Vuex。上图就是Vuex的基本原理。我们将需要共享的数据存放到state（状态）中。 /...

2020-06-01

0 593

Vue-Router路由传参方式

路由传参方式params或者query 当我们使用params时。router/index.js中定义的路由后面一定要加参数 { path: "/user/:id", component: User, meta: { title...

2020-06-01

0 580

新版作用域插槽

对于作用域插槽，Vue对其做了更新. //子组件中 <template id="cpn">; <div> //msg为子组件data属性或者计算属性 <slot name="first" :data="msg&q...

2020-05-30

0 490

Vue组件间通信

父子组件间通信父向子传递信息,通过v-bind 绑定到子组件标签上，子组件通过props进行接收。子向父传递数据通过$emit('事件名','参数') 的方法在父组件上通过对子组件标签的v-on绑定事件名，自定义方法中接收。非父子组件间通信 1.bus总线 $...

2020-05-29

1 456

Vue的响应式原理

Vue响应式原理我们知道Vue的响应式，即当我们在控制台通过类似于app.message='hello'的操作，修改挂载到app上data中message属性的值，就可以修改当前视图所显示的值。那Vue为什么可以做到这种响应式呢？我们第一时间就会想到对该属性进行监听，那么Vue内部具体是怎...

2020-05-29

0 571