周家大小姐

原创 vue title动态组件

父组件 :<template> <div class="demo"> <Header :title="title"></Header> <list :data=demodata></list> </div></template&a

转载 文件和二进制数据的操作

文件和二进制数据的操作来自《JavaScript 标准参考教程（alpha）》，by 阮一峰目录Blob对象 FileList对象 File API FileReader API 综合实例：显示用户选取的本地图片 URL对象 参考链接历史上，JavaScript无法处理二进制数据。如果一定要处理的话，只能使用charCodeAt()方法，一个个字节地从文字编码转成二进制数...

转载 图片转数据流方式

vue.js 上传图片实例代码发布时间：2017-06-22 16:24:42 作者：童蒙_这篇文章主要介绍了vue.js 上传图片实例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧最近爱上了用vue.js做前端，昨天用vue上传图片时遇到了问题，最后半天时间终于摸索出来，我将相关部分的代码贴出来。前端部分<div class="for...

转载 HTML5新特性之文件和二进制数据的操作

HTML5新特性之文件和二进制数据的操作历史上，JavaScript无法处理二进制数据。如果一定要处理的话，只能使用charCodeAt()方法，一个个字节地从文字编码转成二进制数据，还有一种办法是将二进制数据转成Base64编码，再进行处理。这两种方法不仅速度慢，而且容易出错。ECMAScript5引入了Blob对象，允许直接操作二进制数据。Bolb对象是一个代表二进制数据的基本对象，在...

原创 vue axios引入注册

使用 cnpm 安装 axioscnpm install axios --save 首先在 main.js 中引入 axiosimport axios from 'axios' 这时候如果在其它的组件中，是无法使用 axios 命令的。所以我们将 axios 改写为 Vue 的原型属性 Vue.prototype.$http= axios//$http属于自定义;你们...

原创 vue 滚动行为

注意: 这个功能只在 HTML5 history 模式下可用。当创建一个 Router 实例，你可以提供一个 scrollBehavior 方法：export default new Router({ mode:"history",//去# base:__dirname,//当前路径 scrollBehavior(to, from, savedPosition) {// 在点击浏览器的“前进...

原创 router-view复用

原创 vue 2.0 后置钩子

    后置钩子:不同于前置守卫，后置钩子并没有 next 函数，也不会改变导航本身:router.afterEach((to, from) => {    to: Route，代表要进入的目标，它是一个路由对象from: Route，代表当前正要离开的路由，同样也是一个路由对象// do someting});2. 路由独享的钩子    顾名思...

原创 vue 2.0 导航守卫(全局守卫)

什么叫导航守卫: 路由跳转前做一些验证，比如登录验证，是网站中的普遍需求。对此，vue-route 提供的 beforeRouteUpdate 可以方便地实现导航守卫（navigation-guards）。在全局的Main.js中注册:router,如果有的话就可以直接调用 router.beforeEach（（to，from，next）=> {  警报（'还没...