fsoooo Blog

内不欺己，外不欺人，上不欺天。君子所以慎独。

Vue学习笔记之路由（二）

vue路由的使用 vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换。 本文将以示例的形式来介绍vue-router的各个特性...

Posted by fsoooo Blog on March 10, 2018

Vue学习笔记之路由（一）

Vue.js路由(Vue-router) 1.路由安装 （1）直接引入 <script src="vue.js"></script> <script src="vue-router.js"></script> （2）npm下载 npm install vue-router 如果在一个模块化工程中使用它，必须要通过 Vue.u...

Posted by fsoooo Blog on March 10, 2018

Vue学习笔记之搭建vue项目

一、安装node环境 1、下载地址为：https://nodejs.org/en/ 　　2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功 　　 　　3、为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/ 　　输入：npm install -g cnpm –registry=https://registry.npm.taobao.o...

Posted by fsoooo Blog on March 10, 2018

Vue学习笔记 高德地图组件

公司之前一直使用的是百度地图组件，最近运营人员一直反映一个问题：有一些地区在百度地图上搜不到，地址搜索没有响应。我以为是地图API版本不对，更新了版本，这个问题还是存在。于是我就考虑换一个地图组件也解决这个问题，于是高德就成了我的第一选择。 准备工作： 在高德开放平台，注册成为开发者。 申请Key，我申请的是Web端（JS API），不同的API效果可能不一样。 实现方式： 一...

Posted by fsoooo Blog on March 10, 2018

Vue学习笔记 遍历el Checkbox

Vue学习笔记-遍历el-checkout <el-checkbox @change="handleCheckedCitiesChange" v-model="checkAll" :label="list.eventtypeid"> 全选 </el-checkbox> <el-checkb...

Posted by fsoooo Blog on March 10, 2018

Vue学习笔记 组件通信

最近公司需要开发酒店客房管理的OTA系统，我们使用 vue.js 2.0 +ElementUI 开发时 ， 就遇到了问题 : 一个页面有很多表单 , 我试图将表单写成一个单文件组件 , 但是表单 ( 子组件 ) 里的数据和页面 ( 父组件 ) 按钮交互的时候 , vue 组件之间的通信让我感到崩溃: <!--父组件中引入子组件--> <template> <...

Posted by fsoooo Blog on March 10, 2018

Vue学习笔记 百度统计

百度统计是一个可以统计页面数据的平台工具，同样也可以使用在Vue页面里。 百度统计——移动统计通过多年沉淀下来的分析方法论赋能给开发者提供全面、专业、精准的分析，同时，更能将APP、百度小程序、微信小程序多端数据统一查看，深刻洞察线上用户的行为特征，以实现数据驱动商业运营与产品迭代的目标。 我之前分享过一篇介绍百度统计的文章，感兴趣的朋友可以了解一下：免费便捷的统计工具-百度统计 在V...

Posted by fsoooo Blog on March 10, 2018

Vue学习笔记 生命周期与钩子函数

vue生命周期简介 生命周期探究 <template> <div id="app"> <p></p> </div> </template> <script type="text/javascript"> var app = new Vue({ el:...

Posted by fsoooo Blog on March 10, 2018

Vue学习笔记 拦截器

拦截器： 对特定的http请求或响应消息或请求头进行验证，拦截不合法的http交互以保证web环境的安全。 拦截器起一个拦截作用拦，在请求接口时，多一次或多次验证。例如：你写了几个请求数据的接口，开启服务后，用户没登录直接访问这些接口，也是可以拿到数据的，但这就违背了后台管理系统必须先登录的原则，一些不良用心的人就会利用这个漏洞来窃取你的数据库数据了。这时就需要到拦截器了。 前...

Posted by fsoooo Blog on March 10, 2018

Vue学习笔记 引入echarts图表

近期，公司出了一个新需求，我们需要开发一个数据统计平台，于是就需要使用图表来是数据更直观的呈现。Echarts是我们的首选。 重点：用较少的代码实现比较酷炫的数据统计表. ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖轻量级的...

Posted by fsoooo Blog on March 10, 2018

FEATURED TAGS
前端 编程 PHP Laravel Vue 小程序 生活 随笔 品格 成长 历史 岁月 读书 情感 亲情 修行
ABOUT ME

内不欺己，外不欺人，上不欺天。君子所以慎独。

FRIENDS