vue内i18n 的用法

i18n是一个制作国际化项目的好用的组件1、安装组件npm install vue-i18n --save2、再main.js里进行配置import VueI18n from 'vue-i18n'const i18n = new VueI18n({ messages: { 'zh-CN...

2018-03-01 14:23:20

阅读数:509

评论数:0

基于axios的ajax请求封装

import axios from 'axios' // 默认请求配置 let defaultConfig = { method: 'GET', baseURL: process.env.BASE_API + process.env.API_BASE_URL, timeout: 30...

2018-02-27 16:40:40

阅读数:302

评论数:0

vue+elementUI版时间范围选择器(具备昨天、本周、上周、本月、上月等快捷选择按钮)

<el-date-picker v-model="range" type="datetimerange" :placeholder="placeholder || '请选择时间范围'" ...

2018-01-27 17:07:22

阅读数:3591

评论数:0

vue单页面兄弟组件信息传递

1、建立中间“桥梁” channel.js import Vue from 'vue' let vm = new Vue() export default vm 2、链接两个需要传递的组件,给双方都导入“桥梁” import channel from '@/assets/common/ch...

2017-08-14 17:09:31

阅读数:342

评论数:0

几款适合vue移动端的第三方小组件

1、UI组件       各种弹窗或者滑动功能首推:Mint UI,简洁好用,其次可以选YDUI,均为vue单独适配      Mint UI地址:http://mint-ui.github.io/#!/zh-cn     YDUI地址:http://www.ydui.org/ 2、图像裁...

2017-08-10 11:29:11

阅读数:5647

评论数:0

父组件调用子组件的方法以及子组件调用父组件的方法

1、父组件调用子组件的方法 父组件中:(关键字$refs、ref) this.$refs.childFunc.childAlert(); 子组件中: childAlert () { alert('被父组件调用到了!') } 2、子组件调用父组件的方法 父组件中: fatherfunc...

2017-07-13 10:01:14

阅读数:196

评论数:0

mockjs在vue内使用心得

1、 加载模块 npm install mockjs 2、新建一个mock文件,设置好拦截信息 import Mock from 'mockjs'; export default Mock.mock('msg', {     'name'    : '@name',     'age|1-...

2017-07-11 09:25:51

阅读数:3086

评论数:0

vue 聊天页面实现滚动条实时滚动至最底部

1、有聊天记录显示再页面会引起dom数变化,此时使用 nextTick() 2、获取新插入进来的dom var container = this.$el.querySelector("#chatContainer>li:last-child"); 3、滚动到该位置...

2017-06-21 14:53:25

阅读数:957

评论数:0

vue 组件的封装之基于axios的ajax请求

import Vue from 'vue' let service = { url: 'http://host.xxxxx.com/xxx.php' } service.ajaxReuqest = (url, options, type, fileFlag) => { for (...

2017-05-11 17:15:10

阅读数:1328

评论数:0

vue 兄弟组件之间传数据之通过父组件来传递

组件A向组件B传递信息,通过父组件的方式: A 把信息发给父组件: this.$parent.msg = this.aMsg 父组件接收信息并传递给B: export default { data () { return { msg: '' } } } B组件...

2017-05-09 16:58:31

阅读数:433

评论数:0

vue 兄弟组件之间传数据之$emit 和 $on 组件通信

Vue2-单一事件管理组件通信 //准备一个空的实例对象 var Event = new Vue(); //组件A var A = { template: ` 我是A组...

2017-05-09 10:46:54

阅读数:352

评论数:0

vue2.0 v-bind的用法

Vue.component('todo-item', { props: ['todo'], template: '{{ todo.text }}' }) var app7 = new Vue({ el: '#app-7', data: { groceryList: [ ...

2017-03-18 12:48:49

阅读数:1604

评论数:0

vue2.0 使用vue-cli搭建的项目如何在index.html里引入静态css和js

src目录下的资源只能import或require。 想静态引入的话,建立一个与src同级的目录例如static,然后把静态资源放入该文件夹下,html的引入路径如下:static/...

2017-03-13 17:17:30

阅读数:2309

评论数:0

vue2.0 路由 学习笔记

vue2.0 路由: http://router.vuejs.org/zh-cn/index.html 基本使用: 1.  布局 主页 2. 路由具体写法,重定向{path:'*', redirect:'/home'} Document ...

2017-03-08 22:52:31

阅读数:2506

评论数:0

vue 2.0 transition学习笔记

运动东西(元素,属性、路由....) class定义: .fade-enter{} //初始状态 .fade-enter-active{}  //变化成什么样  ->  当元素出来(显示) .fade-leave{} .fade-leave-active{} //变成成...

2017-03-04 00:04:52

阅读数:3297

评论数:0

vue 2.0 单一事件中心管理组件通信

1、声明 var Event=new Vue(); 2、传递数据 Event.$emit(事件名称, 数据) 3、接收数据,注意this指向 Event.$on(事件名称,function(data){ //data }.bind(this)); 栗子: ...

2017-03-02 23:50:51

阅读数:263

评论数:0

vue 2.0 键盘按键栗子

Document Vue.config.keyCodes.a=65; window.onload=function(){ new Vue({ ...

2017-03-01 23:30:44

阅读数:396

评论数:0

vue2.0 生命周期图以及栗子

先上个图。。后面有栗子,可直接复制运行演示。 栗子: 生命周期demo {{msg}} window.onload=funct...

2017-03-01 22:47:37

阅读数:315

评论数:0

MAC OS的vue2.0环境搭建

bower-> (前端)包管理器 npm install bower -g 验证: bower --version bower install bower uninstall bower info 查看包版本信息 简单的目录结构: |-index.html |-main.j...

2017-02-28 15:18:51

阅读数:330

评论数:0

vue2.0 全局组件和局部组件

全局组件主要是component放外面,全局使用。局部组件主要是放Vue实例对象里,只能这个Vue元素内使用。 组件通过extend创建。 注意:exntend组件内的data是方法、方法、方法 全局组件: Document ...

2017-02-26 14:02:17

阅读数:424

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭