2个VueJS实战开发实例
在上一节中,我们学习了VueJS响应接口的用法,其中主要包括vue.watch、vue.set和vue.delete的使用。在本节我们提供2个VueJS实战开发的实例,其中第一个是使用VueJS实现货币转换器,第二个实例是实现用户管理。 1...
在上一节中,我们学习了VueJS响应接口的用法,其中主要包括vue.watch、vue.set和vue.delete的使用。在本节我们提供2个VueJS实战开发的实例,其中第一个是使用VueJS实现货币转换器,第二个实例是实现用户管理。 1...
在上一节中,我们学习了VueJS渲染函数的作用和用法,使用Vue的渲染函数可以让复用组件更加灵活。本节我们来学习VueJS的响应接口(reactive interface),VueJS提供了向属性添加响应的选项,这些属性是动态添加的。 1、...
在上一节中,我们学习了VueJS混入mixins的用法,混入一般和组件一起使用,要注意混入mixins和Vue实例或组件有同名方法时的执行情况。本节我们来学下VueJS的渲染函数的用法和原理,我们之前已经学习了组件及其用法,例如,我们有一个...
在上一节中,我们学习了VueJS路由的使用,首先要安装vue-router,然后要创建路由组件和链接,在Vue实例中添加进行使用。本节我们来学习VueJS的混入mixins的用法,混入mixins一般与组件结合使用,它们在组件之间共享可重用...
在上一节中,我们学习了VueJS自定义指令和过滤器的用法,自定义Vue指令使用Vue.directive,创建过滤器则是在Vue实例的filters中进行创建。本节我们一起来学习VueJS的路由功能,VueJS没有内置的路由特性,我们需要按...
在上一节中,我们学习了VueJS过渡和动画(transition & animation)的用法,无论是实现过渡还是动画,在VueJS它们的使用都是类似的,你可以根据标准过渡或动画类自定义然后使用。 指令是指示VueJS以某种方式进...
在上一节中,我们学习了VueJS渲染指令的用法,例如v-for、v-if、v-else、v-show等,这些渲染指令是我们开发中经常使用到的,特别是v-for。本节将讨论VueJS过渡和动画(transition & animati...
在上一节中,我们学习了VueJS指令v-bind、v-model和其它数据绑定,VueJS中的数据绑定方式可以使用v-bind、v-model,其它的还可以结合修饰符进行数据绑定。本文开始学习VueJS的事件处理,Vue里面的事件处理主要是...
接上一节:VueJS模板template和v-html指令、v-bind指令的使用,Vue组件(Component)是VueJS最重要的特性之一,Vue的组件用于创建自定义元素,这些自定义元素可以在HTML中重用。 1、VueJS全局注册组...
接上一节: Vue实例和组件component使用和原理详解,从上一节的学习中,我们知道如何将一些内容以文本的形式在屏幕上输出,在本节中,我们将学习如何将内容以HTML模板的形式输出到屏幕上。 1、VueJS显示html模板内容,下面是使用...