Vue
文章平均质量分 69
lelara
这个作者很懒,什么都没留下…
展开
-
基于Vue-cli 快速搭建项目
Vue-cli可以快速帮助我们创建一个项目,这是官方给我们提供的脚手架。下面我说一下vue-cli的使用方法。一、准备工作 在使用vue-cli时,首先需要安装nodejs,npm,其次需全局安装vue和vue-cli 1、nodejs和npm安装方法详见https://www.cnblogs.com/le220/p/8670349.html 2、npm install -g...原创 2018-11-03 10:07:00 · 108 阅读 · 0 评论 -
Vue-router的基本用法
刚学习vue不久,就接触了路由这个好东西。下面简单聊聊vue-router的基本用法。一、路由的概念 路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的news按钮,页面中就要显示news的内容。Home按钮 => home 内容, news按钮 => news内容,也可以说是一种映射. 所以在页面上有两个部分,一个是点击...原创 2018-10-14 00:04:00 · 268 阅读 · 0 评论 -
Vue---父子组件之间的通信
在vue组件通信中其中最常见通信方式就是父子组件之中的通信,而父子组件的设定方式在不同情况下又各有不同。最常见的就是父组件为控制组件子组件为视图组件。父组件传递数据给子组件使用,遇到业务逻辑操作时子组件触发父组件的自定义事件。无论哪种组织方式父子组件的通信方式都是大同小异。一、父组件到子组件通讯 父组件到子组件的通讯主要为:子组件接受使用父组件的数据,这里的数据包括属性和方法(Str...原创 2018-09-27 21:45:00 · 137 阅读 · 0 评论 -
Vue---自定义组件
一、组件定义 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以表现为用is 特性进行了扩展的原生 HTML 元素。所有的 Vue 组件同时也都是 Vue 的实例,所以可接受相同的选项对象 (除了一些根级特有的选项) 并提供...原创 2018-09-23 23:01:00 · 174 阅读 · 0 评论 -
Vue---从后台获取数据vue-resource的使用方法
作为前端人员,在开发过程中,我们大多数情况都需要从后台请求数据,那么在vue中怎样从后台获取数据呢?接下来,我简单介绍一下vue-resource的使用方法,希望对大家有帮助。一、下载vue-resource 1、npm install vue-resource --save -dev 2、github: https://github.com/pagekit/vue-re...原创 2018-09-02 21:30:00 · 1587 阅读 · 1 评论 -
Vue入门---属性、style和class绑定方法
一 、用对象的方法绑定class 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>class与style绑定</title> 6 <meta name="viewport&q原创 2018-08-28 22:13:00 · 173 阅读 · 0 评论 -
Vue入门---事件与方法详解
一、 vue方法实现 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Vue方法与事件</title> 6 <meta name="vi原创 2018-08-25 22:57:00 · 148 阅读 · 0 评论 -
Vue入门---常用指令详解
Vue入门Vue是一个MVVM(Model / View / ViewModel)的前端框架,相对于Angular来说简单、易学上手快,近两年也也别流行,发展速度较快,已经超越Angular了。比较适用于移动端,轻量级的框架,文件小,运行速度快。最近,闲来无事,所以学习一下Vue这个流行的框架,以备后用。一、指令v-model 多用于表单元素实现双向数据绑定(同angular中的ng-...原创 2018-08-19 13:58:00 · 240 阅读 · 0 评论 -
快速学会Vuex的使用
一、Vuex简介 官方定义Vuex是一个专门为Vue.js应用程序开的状态管理模式它采用集中式存储管理应用的所有组件的状态并以相应的规则保证以一种可预测的方式发生变化二、应用场景多个视图依赖于同一状态来自不同视图的行为需要改变同一个状态三、Vuex组成介绍State——数据仓库,存储所有数据状态Getter——用来获取数据的Mutation——...原创 2019-09-30 13:57:44 · 125 阅读 · 0 评论