-
Vue进阶系列 --- 页面架构优化
写在前面玩vue已经快一年了,回首第一次遇见vue的时候,还是大二的暑假,一晃已经走完了大三。我们都知道编程的学习是分软功和硬功的。外练筋骨皮,内练一口气就是这个道理。 那么什么是硬功呢?硬功就是Vue语法的...
作者:ryan2018-07-08 -
Vuejs常用插件引入方式总结
Vuejs引入Element-ui安装 elementUInpm i element-ui -S引入elementUI import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI) Vu...
作者:ryan2018-04-05 -
Vuejs全家桶系列 --- Vuex
简介Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 简单来说,用来集中管理数据,类似于React中的Red...
作者:ryan2017-12-24 -
Vuejs全家桶系列(九)--- Slot
solt意思是插槽,有这样一个场景: 我用vue自定义了一个toash组件,要根据用户不同的点击行为输出相应的提示信息,这时候用solt就最好了toast.vue页面<template><divid="toast"><spanclass=...
作者:ryan2017-12-23 -
Vuejs全家桶系列(八)--- 组件
简介什么是组件:组件是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。在较高层面上,组件是自定义的元素,Vue.js的编译器为它添加特殊功能。在有些情况下,组件也可以是原生HTML元素...
作者:ryan2017-12-22 -
Vuejs全家桶系列(七)--- 过渡效果
转载自 vue.js之过渡效果-css简介在 CSS 过渡和动画中自动应用 class可以配合使用第三方 CSS 动画库,如 Animate.css在过渡钩子函数中使用 JavaScript 直接操作 DOM可以配合使用第三方 JavaScript 动画...
作者:ryan2017-12-21 -
Vuejs全家桶系列(六)---自定义指令
简介Vue.js 允许你注册自定义指令,实质上是让你教 Vue 一些新技巧:怎样将数据的变化映射到 DOM 的行为。你可以使用Vue.directive(id, definition)的方法传入指令id和定义对象来注册一个全局自定义指令。定义...
作者:ryan2017-12-20 -
Vuejs全家桶系列(五)---属性和方法
vue实例属性vm.$elVue 实例使用的根 DOM 元素。console.log(vm.$el===document.getElementById('#app'))//trueconsole.log(vm.$el);12结果为 vm.$dataVue 实例观察的数据对象。Vue 实例代理了对其 ...
作者:ryan2017-12-19 -
Vuejs全家桶系列(四)---计算属性
简介计算属性也是用来存储数据,但具有以下几个特点: + a.数据可以进行逻辑处理操作 + b.对计算属性中的数据进行监视依赖性计算属性是基于它的依赖进行更新的,只有在相关依赖发生改变时才能更新变化<body>&l...
作者:ryan2017-12-19 -
Vuejs全家桶系列(三)--- 生命周期和钩子函数
转载自 Vue2.0 探索之路——生命周期和钩子函数的一些理解简介生命周期图生命周期表探究对于执行顺序和什么时候执行,看上面两个图基本有个了解了。下面我们将结合代码去看看钩子函数的执行。...
作者:ryan2017-12-18
