VueJS自定义指令和过滤器用法详解
在上一节中,我们学习了VueJS过渡和动画(transition & animation)的用法,无论是实现过渡还是动画,在VueJS它们的使用都是类似的,你可以根据标准过渡或动画类自定义然后使用。 指令是指示VueJS以某种方式进...
在上一节中,我们学习了VueJS过渡和动画(transition & animation)的用法,无论是实现过渡还是动画,在VueJS它们的使用都是类似的,你可以根据标准过渡或动画类自定义然后使用。 指令是指示VueJS以某种方式进...
在上一节中,我们学习了VueJS渲染指令的用法,例如v-for、v-if、v-else、v-show等,这些渲染指令是我们开发中经常使用到的,特别是v-for。本节将讨论VueJS过渡和动画(transition & animati...
在上一节,我们学习了VueJS事件处理v-on的用法,Vue的事件处理主要是使用v-on指令,其中可结合各种修饰符处理各种事件。本节我们开始学习Vue的渲染功能,主要内容包括条件渲染和列表渲染,在条件渲染中主要是讲解v-if、v-else、...
在上一节中,我们学习了VueJS指令v-bind、v-model和其它数据绑定,VueJS中的数据绑定方式可以使用v-bind、v-model,其它的还可以结合修饰符进行数据绑定。本文开始学习VueJS的事件处理,Vue里面的事件处理主要是...
在上一节中,我们学习了VueJS监控属性watch的用法,在本节我们将学习如何使用VueJS中的v-bind将HTML属性和数据进行绑定,包括绑定样式、绑定类以及其它一般的属性绑定,只需使用v-bind指令即可。 1、为什么使用v-bind...
上一节中,我们学习了VueJS计算属性computed的用法,包括computed自动计算属性、computed和methods的区别以及computed中的set和get方法。在本节我们将学习VueJS的监听属性功能,监听属性的使用比较简...
在上一节中,我们学习了VueJS组件的用法,Vue的组件可以使用全局注册和本地注册,以及还可以使用动态组件。到此,我们已经学习了Vue实例和Vue组件的使用,在本节中,我们讨论更详细的Vue使用computed计算属性的内容,compute...
接上一节:VueJS模板template和v-html指令、v-bind指令的使用,Vue组件(Component)是VueJS最重要的特性之一,Vue的组件用于创建自定义元素,这些自定义元素可以在HTML中重用。 1、VueJS全局注册组...
接上一节: Vue实例和组件component使用和原理详解,从上一节的学习中,我们知道如何将一些内容以文本的形式在屏幕上输出,在本节中,我们将学习如何将内容以HTML模板的形式输出到屏幕上。 1、VueJS显示html模板内容,下面是使用...
一、Vue实例创建和原理解析 VueJS开发的第一步是创建一个Vue实例,这个实例称为根vue实例,语法如下: 下面看一个实例,看看Vue实例的构造函数需要哪些元素,如下: app.js代码如下: 1、创建Vue的构造函数中传入的是一个对象...