7390e852f757

vue中的计算属性是自动监听依赖值的变化。从而动态的返回内容。它监听的是一个过程，在值变化的时候可以触发回调函数并处理一些东西。计算属性由get获取和set设置两部分组成。默认是get，set需要自己去设置。set不能直接修改计算属性，只能修改依赖值。另外，计算属性的属性值必须是一个函数。computed可以缓存，相比较于methods不能缓存的性质还是挺实用的。但是，计算属性不能直接传参数，但是可以通过闭包来实现传参。vue中的侦听属性watch用来观察和响应。它可以执行任何逻辑，如ajax等。deep设置为true用于监听对象内部值的变化。computed检测的是依赖值，依赖值不变的情况下它会直接读取缓存进行复用，变化的时候才会重新计算。而watch检测的是属性值，只要属性值变化都会触发回调函数。最后，计算属性不能执行异步，如果遇到异步就交给侦听属性。
宾

vue之补充(十一)

一、什么是计算属性？ 计算属性是自动监听依赖值的变化，从而动态返回内容。监听是一个过程，在监听的值变化时，可以触发一个回调，并做一些事情。特点：<1>数据可以进行逻辑处理，减...

笑红尘123

483 3 5

7390e852f757

vuex是一个针对于vue开发的一个管理模式。一般都是使用在中大型的设计模式中。它的作用就是将一些相同的方法封装起来调用。然后他又4个方法。state是承载的对象和变量。Getters是计算属性。但是他只能够进行一项操作。比方说当你让变量增加的时候，你不能在调用此方法让它减去。Mutations是一个回调函数。可以盛放一些事件。Actions是异步分发。提交Mutations的改变状态。最后需要用Moudules来将上边的方法抛出去。供页面的一些使用。在页面中，需要使用import {} form vuex来调用，括号中填写mapStates等的一些方法来实现页面的调用 宾

vue之vuex(十)

一、vuex是什么？ Vuex 是一个专为 Vue.js 应用程序开发的**状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发...

笑红尘123

953 10 12

7390e852f757

本文讲述了node的运行环境和一些规则。比如说他的三个特点，单线程，非阻塞I/O，事件驱动。单线程就是主线程是单线程，所有的阻塞部分由部分的线程池处理，主线程通过一个队列跟线程池协作。非阻塞是指一旦在执行的过程中有新的事件加进来会先处理新事件，等这个时间处理完了之后再向上一步一步检查有没有未完成的事件。node的缺点就是可靠性低，一旦这个进程崩掉，那整个服务器就崩掉了。node一般使用http来创建一个服务器，通过require来引入

宾

node之发展背景(一)

一. Node.js介绍 Node.js发布于2009年5月，由Ryan Dahl(瑞恩·达尔)在GitHub上发布了最初版本的部分Node.js包，随后几个月里，有人开始使...

笑红尘123

868 9 5

7390e852f757

然后钩子函数中可以传参数el，代表的是元素。而且enter中还要再传一个回调函数，用来结束动画，告知次动画已结束，可以进行下一步 after-enter

vue之动画transition(七)

Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。1.在 CSS 过渡和动画中自动应用 class2.可以配合使用第三方 CSS 动画库，如 Anim...

笑红尘123

2020 25 6

7390e852f757

Vue中的动画和CSS中的有些类似，不同的是设置方式要比CSS简洁很多。例如，v-enter是入场前要执行的动画。同时，也可以给他动态添加动画类型，enter-class，使用animate动画库。可以给他设置入场动画以及出场动画，还可以给他设置当有外来因素影响到动画的播放是会触发的方法。这个是过渡动画的钩子函数。说是函数倒不如说他是方法，因为是通过在行内写:before-enter="beforeEnter"这样的方法，然后再methods里定义方法beforeEnter实现动画的过渡。 宾

vue之动画transition(七)

Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。1.在 CSS 过渡和动画中自动应用 class2.可以配合使用第三方 CSS 动画库，如 Anim...

笑红尘123

2020 25 6

7390e852f757

1.什么是vuejs vue是基于javascript的前端渐进式框架 2.v-show 与 v-if 的区别？ 3.如何动态绑定class？ 4.计算属性和watch的区别...

7390e852f757

vue中的过滤器可以用来渲染数据，使视图的可读性更加美观、简洁。但是，他并不可以替代methods computed watch等一些方法。在vue2.0版本中已经没有内置的过滤器了，但是我们可以自己自定义过滤器。过滤器分为两种，全局的和局部的。它通常添加在JAVAscript表达式的尾部，由管道符|连接。他也可以多个连接到一起。同时，它也可以是双向的。总的来说还是很方便的 宾

vue之自定义过滤器(六)

一、过滤器介绍:1、在Vue中会通过过滤器（Filters）来渲染数据，使视图可读性更加优雅。2、Vue中的过滤器不能替代Vue中的methods、computed或者wat...

笑红尘123

1984 30 14

7390e852f757

自定义指令，是除了vue中的默认核心指令外的一个延伸。当然，自定义指令中最重要的就是他的一个生命周期。分别为bind(){}、inserted(){}、updated(){}、componentUpdate还有unbind。这五个是自定义指令中最重要的。在每一个状态时调用不同的方法。在页面上呈现不同的样式。都需要这自定义指令的钩子函数。最最重要的是bind和updateed。前者可以监控到是否绑定元素，后者可以了解到元素是否发生了改变。最后还知道了binging下的一个方法。学到了很多，了解到了很多。 宾

vue之自定义指令(五)

在Vue中除了默认的核心指令，Vue 也允许注册自定义指令。在Vue里代码复用的主要形式和抽象是组件。然而有的情况下，仍然需要对纯 DOM 元素进行底层操作，这时候就会用到自...

笑红尘123

2322 33 13

7390e852f757

生命周期是vue里最重要的。讲述了一共存在4个阶段，内每个阶段有两个状态。分别是执行前和执行中。4个阶段分别是创建、挂载、更新、销毁。这8个状态中，created和mounted是运用最多的。分别对应创建后和挂载后。用来查看组件的一些状态，并在当前状态执行应该有的事情。最后的销毁阶段，想要执行的话必须要在调用一次。 宾

vue之生命周期(四)

1.什么是生命周期 官方定义：任何 Vue 实例在被创建时都要经过一系列的初始化过程，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在...

笑红尘123

2080 38 12

7390e852f757

现在看到组件第一反应就是全局组件，局部组件。还有父子相传通过popers接收，子父相传通过@emit去向上传递。兄弟相传通过@bus来接收，传输还是使用@emit。跨级传输通过provide 传输，inject接收。但是只能从上往下传输。还有使用vuex也可以实现组件之间的传输。 宾

vue之组件(三)

一、什么是组件 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。 二、组件用法 组件需要注册后才可以使用，注...

笑红尘123

2033 37 10

7390e852f757

再回来温故一遍。发现了之前没注意到的地方。判断和循环的优先级。让我想到了原生js中循环中套判断。脑海中当时就有了画面。对于这两个方法更是加深了印象 宾

vue之指令(一)

1.什么是指令？ 解释：指令 (Directives) 是带有 v- 前缀的特殊属性作用：当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM 常用指令： 1.v-...

笑红尘123

4355 50 20

7390e852f757

没忍住又来看了遍。重新看了遍事件的一些方法。最最重要的是修饰符。这些都是对于事件中的一些细节的操作。比方说，右击事件会有浏览器的默认样式。在原生js中我一般都用return false来取消掉。但是在vue中就只需要在事件后加一个.prevent就可以取消。不要太强大！这些东西虽然很简单。但是实用性很强。 宾

vue之事件(二)

vue中可以使用v-on进行事件处理。当然v-on也有简写方式 [@] 1.事件监听的好处？所有的 Vue.js 事件处理方法和表达式都严格绑定在当前视图的 ViewMode...

笑红尘123

2271 44 14

7390e852f757

组件分为全局组件和局部组件。同时，组件之间的关系也是很重要的。通过了解他们的关系，我们可以进行一些数据的传输。比方说父传子，子传父，兄弟相传，跨级传输。同时还有一些技术栈，vuex，axios等。这些几乎是vue的重要组成。所以，楼主发表的这篇文章很有借鉴价值。 宾

vue之组件(三)

一、什么是组件 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。 二、组件用法 组件需要注册后才可以使用，注...

笑红尘123

2033 37 10

7390e852f757

这篇文章让我对vue中的事件有了一个新的看法。并且对事件的分类也很详细，让我一眼就能看出来这个是做什么的。相对于原生js，可以在事件的后边写上修饰符，这个是比较方便的。还有对于键盘事件的修饰符也很详细。👍👍 宾

vue之事件(二)

vue中可以使用v-on进行事件处理。当然v-on也有简写方式 [@] 1.事件监听的好处？所有的 Vue.js 事件处理方法和表达式都严格绑定在当前视图的 ViewMode...

笑红尘123

2271 44 14

7390e852f757

这篇文章看完之后又让我对之前的一些知识有了一个深入的了解。还有一些比较陌生的命令，看着解释也是很轻易地就知道他的作用。对于这些命令的一些相似的的一些作用也能分辨他们之间的一些不同的地方。比方说v-html和v-text。还有v-if和v-show。前者他们都是操作页面的，区别就是前者可以解析标签。第二个在页面上所展现的都是显示隐藏。if如果成立的话会显示在页面上，不成立就找不到一丝的影子。而show是改变他的display值。v-bind是动态绑定。简写是:它可以动态绑定样式、类名、src还有href。可以在满足一些条件后选择绑定的东西。它可以利用数组或者对象的形式进行绑定。还有双向绑定v-model。这个玩意儿很强大。后边也可以跟一些其他的修饰符。最后，还有一些修饰符的顺序不一样最后的结果也是不一样。所以有些修饰符在写的时候一定要注意。——宾

vue之指令(一)

1.什么是指令？ 解释：指令 (Directives) 是带有 v- 前缀的特殊属性作用：当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM 常用指令： 1.v-...

笑红尘123

4355 50 20

7390e852f757

一、axios 简介 axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征： 二、下载安装 三、发送请求 <1>get ...