Angies - 博客园

json-server和vue-resource联合在vue-cli项目中获取本地json数据

摘要：一、安装 npm install vue-resource --save npm install json-server --save 二、配置 1、新建一个名为db.json的json文件放在项目的根目录下，代码如下： 4.配置与使用vue-resource router/index.js中添加如阅读全文

posted @ 2017-12-12 14:58 Angies 阅读(1385) 评论(0) 推荐(0)

codeMirror实现Json编辑器的代码格式化

摘要：一、首先安装codeMirror的依赖js和css，顺便引入jQuery包。二、由于json属于JavaScript的一种，所以也得引入JavaScript。三、安装一些需要的样式，比如我引入的如下样式，其实可以自己选择引入，也可以不引入。四、body代码，编辑器就是textarea，可自定义阅读全文

posted @ 2017-11-21 16:18 Angies 阅读(19561) 评论(1) 推荐(0)

vue之组件

摘要：一、组件概念组件其实就是一个拥有样式、动画、js逻辑、HTML结构的综合块。前端组件化确实让大的前端团队更高效的开发前端项目。而作为前端比较流行的框架之一，Vue的组件和也做的非常彻底，而且有自己的特色。尤其是她单文件组件开发的方式更是非常方便，而且第三方工具支持也非常丰富，社区也非常活跃，第三方阅读全文

posted @ 2017-11-21 16:00 Angies 阅读(204) 评论(0) 推荐(0)

codeMirror实现Json编辑器功能

摘要： Code是一款代码编辑器，他可以支持多种编辑器功能，官网为http://codemirror.net/，本文主要讲解Json代码的编辑功能。下面是一些功能的代码及详细说明：一、引入基本框架本代码是为了引入项目CodeMirror的基本样式和基本方法这里的调用会在body中添加编辑器，这里因为直阅读全文

posted @ 2017-11-14 09:43 Angies 阅读(16960) 评论(3) 推荐(0)

vue生命周期

摘要： Vue 实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期。其实 Vue 实例从创建到销毁的过程，就是生命周期。生命周期官方文件的图例为：根据以上图可以看出生命周期有八个阶段： 1、beforeCrea 阅读全文

posted @ 2017-10-10 14:31 Angies 阅读(309) 评论(0) 推荐(0)

vuex基础详解及项目实例

摘要： 1、概念 Vuex 是一个专为 Vue.js 的SPA单页组件化应用程序开发的状态管理模式插件，它包括State（数据源）、Getters（计算属性）、Modules（模块）、Mutations（事件）、Action（事件）。Action与Mutation的区别在于Mutation可以更改State 阅读全文

posted @ 2017-09-28 15:56 Angies 阅读(1691) 评论(0) 推荐(0)

vue中使用echarts

摘要： 1.安装echarts 首先安装vue-cli脚手架工具，我之前博客有写安装方法，此处省略。然后安装echarts： 1）在命令行输入 npm install echarts -S 2)在main.js中引入，代码如下：红色框住的就是引入的代码。 2.使用方法 1）新建一个second.vue页面阅读全文

posted @ 2017-09-07 14:59 Angies 阅读(464) 评论(0) 推荐(0)

vue模板语法总结

摘要： 1.在html元素之间插入值，例： <div id="app"> <p>{{ msg }}</p> </div> <script> new Vue({ el: '#app', data: { msg : 'XXX' } }) </script> 双花括号之间写入插入的值,msg可以为人和文字数字，也阅读全文

posted @ 2017-09-06 13:42 Angies 阅读(303) 评论(0) 推荐(0)

vue之路由安装(二)

摘要： 1、创建一个项目名叫demo的新项目，项目中引入vue和vue-router的代码： import Vue from 'vue'; import VueRouter from 'vue-router'; 2、创建router 引入router的代码： var router = new VueRout 阅读全文

posted @ 2017-08-31 15:31 Angies 阅读(232) 评论(0) 推荐(0)

vue之路由安装(一)

摘要： 1、安装（本次主要讲解安装了vue-cli脚手架工具后的路由）（1）如果安装了vue-cli脚手架工具则项目里会自动安装了vue-router,写路由的时候我们只需要修改router文件下的index即可，如图所示：其中从上往下第一个红色框框就是vue的引入，第二个就是vue-router的引入阅读全文

posted @ 2017-08-31 14:34 Angies 阅读(340) 评论(0) 推荐(0)

导航

2017年12月12日

2017年11月21日

2017年11月14日

2017年10月10日

2017年9月28日

2017年9月7日

2017年9月6日

2017年8月31日