不忘编码

    Vue.js（读音 /vjuː/, 类似于 view）是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方库或既有项目整合。       下面介绍三种 Vue.js 的安装方法：目录1.独立版本2.使用CDN方法3.NPM方法（推荐使用）一、搭建vue的开发...

钩子就好像是把人的出生到死亡分成一个个阶段，你肯定是在出生阶段起名字，而不会在成年或者死亡的阶段去起名字。或者说你想在出生阶段去约炮，也是不行的。组件也是一样，每个阶段它的内部构造是不一样的。所以一般特定的钩子做特定的事，比如ajax获取数据就可以在mounted阶段。一、vue生命周期简介咱们从上图可以很明显的看出现在vue2.0都包括了哪些生命周期的函数了，总结一下，对官方文...

当时情景是这样的，我从A页面跳到B页面时会传一个Boolean类型的参数，当B跳到C，再从C返回B的时候，控制台打印发现参数还在，可是判断怎么都不起作用，后来发现，当页面返回的时候，默认将参数变成了字符串，一个很坑的地方，以后多加注意下面补一下验证结果：一共有三个页面分别是HelloWorld，HelloWorld2，HelloWorld3首先从HelloWorld->Hello...

Vue导航守卫以我自己的理解就是监听页面进入，修改，和离开的功能。每个守卫接受三个参数 to: Route: 即将要进入的目标路由对象 from: Route: 当前导航正要离开的路由 next: Function: 一定要调用该方法来resolve这个钩子。执行效果依赖next方法的调用参数。 next(): 进行管道中的下一个钩子。如果全部钩子执行完...

1. sessionStorage　　sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后，数据会被删除。　　用法：　　　　储存：1.点（.）运算符 sessionStorage.lastname = 'JSAnntQ'; 　　　　　　　2. 方括号（[ ]）运算符 ...

一、安装环境1、本机系统：Windows 10 Pro（64位）2、Node.js：v6.9.2LTS（64位）二、安装Node.js步骤1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/2、选安装目录进行安装3、环境配置4、测试三、前期准备1、Node.js简介简单的说 Node.js 就是运行在服务端的 Java...

vue页面跳转有两种方式分别是：name和paththis.$router.push({name: 'HelloWorld2})this.$router.push({path: '/hello-world1'})传参也有两种方式分别是：params和querythis.$router.push({name: 'HelloWorld2', params:{id:1}})...

正常web端调用后台接口时使用localhost或者ip都能访问后台数据，但是在移动端上使用localhost却无法访问后台数据这时候需要把localhost改成ip就可以在移动端上访问后台数据了...

//index.jsroutes: [ { name:'home', path: '/home/:openname', component: Home, meta: { title: '首页' } } ]//main.jsrouter.be...

在SPA单页面组件的开发中 Vue的vuex和React的Redux 都统称为同一状态管理，个人的理解是全局状态管理更合适；简单的理解就是你在state中定义了一个数据之后，你可以在所在项目中的任何一个组件里进行获取、进行修改，并且你的修改可以得到全局的响应变更。下面咱们一步一步地剖析下vuex的使用:首先要安装、使用 vuex首先在 vue 2.0+ 你的vue-cli项目中安装 vuex ...

在index.html里替换<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">

这里介绍两种vue生成二维码的方法QRcode vue-qrvue-qr比QRcode功能多在可以在中间加logo下面先介绍QRcodevue里安装qrcodejs的npm包npm install qrcodejs2 import QRCode from 'qrcodejs2'<div class="qrcode" ref="qrCodeUrl">&l...

有这样一个场景，当我们往后台数据传的是id时，我们却想在前台获取列表显示的值，这时候可以用下面的方法来获取你想要的label值let obj = {}; obj = this.arr.find((item) => { return item.id === value; });然后就可以从obj获取你想要的值了...

安装依赖 npm install vue-video-player -S 引入配置这里我都是放在main.js中引入的import 'video.js/dist/video-js.css'import 'vue-video-player/src/custom-theme.css'import 'videojs-contrib-hls'import VideoPlayer fr...

vux github ui demo:https://github.com/airyland/vuxNutUINutUI是一套京东风格的移动端Vue组件库，开发和服务于移动Web界面的企业级前中后台产品。https://nutui.jd.com/#/introMint UI项目主页:http://mint-ui.github.io/#!/zh-cndemo:http://e...

路由安装npm install --save vue-router安装完成后，打开package.json，如果看到这个"vue-router": 版本号,就代表安装成功了 "dependencies": { "axios": "^0.18.0", "vue": "^2.5.2", "vue-router": "^3.0.1", "vuex": "...

计算属性：computed先看一下官网的说法模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如：<div id="example"> {{ message.split('').reverse().join('') }}</div>在这个地方，模板不再是简单的声明式逻辑。你必须看一段时...

需求是微信端将页面截屏之后保存到本地，使用了html2canvas插件先引入插件npm install --save html2canvas之后在你所需要使用的页面引入import html2canvas from "html2canvas"先来看html页面<div ref="imageWrapper"> <div class...