2019年04月_dingdang_666888

原创 vue导航守卫如何运用

每个守卫方法接收三个参数：to: 即将要进入的目标路由对象from:当前导航正要离开的路由next:: 放行<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="../node_modul...

2019-04-18 15:05:24 251

原创 vue-router命名路由

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="../node_modules/vue/dist/vue.js"></script> <script src=".....

2019-04-18 10:12:08 216

原创 vue框架的vue-router路由的运用

用 Vue.js + Vue Router 创建单页应用，是非常简单的。使用 Vue.js ，我们已经可以通过组合组件来组成应用程序，当你要把 Vue Router 添加进来，我们需要做的是，将组件 (components) 映射到路由 (routes)，然后告诉 Vue Router 在哪里渲染它们。<!DOCTYPE html><html> <head&gt...

2019-04-18 09:58:01 137

原创如何用vue的computed的set和get方法

如何用vue的computed的set和get方法默认只有getter可以获取值对计算属性设置值，会调用计算属性的setter方法<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="../n...

2019-04-17 16:37:28 963

原创如何学习vue的计算属性computed

vue的计算属性computed任何复杂逻辑，在vue里都应当使用计算属性computed，计算属性是方法而不是属性，我们可以将同一函数定义为一个方法而不是一个计算属性。两种方式的最终结果确实是完全相同的。然而，不同的是计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。下面是一个小demo，有助于大家理解和运用computed属性<!DOCTYPE ...

2019-04-17 16:14:40 192

原创从下往上显示的弹出框动画

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalab...

2019-04-16 11:58:20 1380

原创 vue父传子的使用

vue父传子的使用vue父传子需要注意的几点，先分别声明局部组件，再声明入口文件，局部组件挂载到入口文件，入口文件挂载到vue实例上。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <sty...

2019-04-03 15:16:26 472

原创 vue的局部组件如何使用

vue的局部组件使用，需要先声明一个组件，然后挂载到全局组件的components,再使用。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="node_modules/vue/dist/vue...

2019-04-02 16:06:14 503

原创 Vue全局组件的使用

vue组件化是非常方便的，能节省很多代码量，那么vue的全局组件是如何使用呢，首先先声明一下，然后将自定义的组件标签插入到代码中。下面是一个小案例：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script sr...

2019-04-02 14:50:22 698

原创如何用vue做计算器功能

大家都知道vue是数据驱动视图的一个javascript框架，彻底解放dom操作，今天我们用vue做一个计算器的功能，会发现vue对于数据操作是非常好用的，下面是小案例。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> &l...

2019-04-02 11:47:01 3152

lixiaoyan_star的博客