计算属性其实是非常强大的，这一节深入的学习下计算属性，先看一段代码： <div id="app"> {{fullName}} </div> let vm = new Vue({ el: '#app…

路由拦截 第一步：路由拦截首先在定义路由的时候就需要多添加一个自定义字段requireAuth,用于判断该路由的访问时候需要登录。如果用户已经登录，则顺利进入路由，否则就进入登录页面。 const routers=[ {…

项目有个3d翻转的卡片效果的需求，写完之后顺带封装成组件。分享给大家，顺便可以给我提提建议。 上组件 //rotate3DCard.vue <style lang="stylus"> .card-3d{ wi…

v-if 和 v-for 一起使用在同一个标签上会怎么样？ 看例子：使用v-for将如下object的所有value遍历显示，其中有一个value是数组 数据： testData: { name: 'TESTOBJECT…

定义Vue组件 什么是组件： 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可； 组件化和模块化的不同： 模块化： 是从代码…

当在vue项目中需要刷新当前页时，第一个是不是想到this.$router.push(当前页面的路径)？但是你会发现，这样并没有什么用。因为基于vue这个框架，它发现当前路由没有改变，它并不会刷新。 解决方法1 this…

插槽内容 Vue实现一套内容分发的API， 这套API基于当前的web组件规范草案，将<slot>元素作为承载分发内容的出口。 <navigation-link url="/profile"> Y…

ref：被用来给元素或子组件注册引用信息，引用信息将会注册在父组件的$refs对象上。如果在普通的DOM元素上使用，那么指向的就是普通的DOM元素。普通的DOM元素上使用 <div id="app7"> &l…

setInterval路由跳转继续运行并没有及时进行销毁 比如一些弹幕，走马灯文字，这类需要定时调用的，路由跳转之后，因为组件已经销毁了，但是setInterval还没有销毁，还在继续后台调用，控制台会不断报错，如果运算…

从服务端取到的数据需要实时反馈，否则将毫无意义！ 我们先介绍一下Vue.set()方法 注：如果从服务端返回的数据量较少，或者只有几个字段，可以用vue的set方法，如果数据量较大，请直接看第二种情况。官网API是这样介…

前言 兄弟组件的信息传递有三种方式： 1.vuex 传递。会将信息公有化。此方法可在所有组件间传递数据。 2.建立Vue 实例模块传递数据。Vue 实例模块会成为共用的事件触发器。其通过事件传递的信息不回被公有化。 3.…

vue生命周期说到vue的生命周期其实并不难理解，就是从一个vue项目创建，渲染，数据更新、销毁。vue提供了6个钩子函数，每进入一个周期时就会触发对应的钩子函数，例如当页面离开后你想销毁一个定时器，那么这时候就要在销毁…