qinchaidaren的博客

Vue 实例中的生命周期钩子Vue 框架的入口就是 Vue 实例，其实就是框架中的 view model ，它包含页面中的业务处理逻辑、数据模型等，它的生命周期中有多个事件钩子，让我们在控制整个Vue实例的过程时更容易形成好的逻辑。Vue 实例在文档中经常会使用 vm 这个变量名表示 Vue 实例，在实例化 Vue 时，需要传入一个选项对象，它可以包含数据(da

1、简单介绍基于webSocket通信的库主要有 socket.io，SockJS，这次用的是 SockJS。2、前提这里我们使用sockjs-client、stomjs这两个模块，要实现webSocket通信，需要后台配合，也使用相应的模块。sockjs-clientsockjs-client是从SockJS中分离出来的用于客户端使用的通信模块.所以我们就直接来看看SockJS....

可以修改三个配置1.路由const route = new Router({mode : 'history',base: '/admin/',routes:[]})2.打包文件 config/index.jsbuild设置assetsPublicPath: '/admin/',3.nginx配置try_files $uri $uri/ /admin/in...

vue-cli在开发和产品上线的时候，对于不同的地址，可以在项目中进行配置，并配置axios，两种方式可以参考（一）mian.js中let baseUrl=null;if (process.env.NODE_ENV == 'development') {       baseUrl = 'url1';//开发环境请求地址} else if (process.env.NODE_E...

思路：登录的时候，将从后台拿到的token信息，使用sessionStorage进行存储，然后在全局的导航守卫中；判断本地存储sessionStorage是否是存在token的信息，如果是存在就可以进行其他导航页面访问，不存在的情况下就停留在登录页面；退出登录的以后，将sessionStorage存储的信息进行清空。步骤一：用户登录 this.$axios.post(url,data).then(...

使用v-if可以解决报错问题，和created为空问题// parent.vue<template> <div>  父组件  <child :child-object="asyncObject" v-if="flag"></child> </div></template> <script&

//vue中的选项卡的实现，数据驱动dom,因此需要使用数据，来改变class； 详细见代码实现ul{overflow: hidden;}ul li{float: left;width: 150px;height: 35px;line-height: 35px;border: 1px solid red;list-style: none;cursor: pointer;}ul li

参考资料:Vue2.0 新手完全填坑攻略—从环境搭建到发布1.Node.js安装   https://nodejs.org/en/download/2.安装vue-cli  npm install -g vue-cli3.使用vue-cli初始化项目 vue init webpack my-project-name4、进到目录cd

直接上代码：Document {{ message | formatTime('YMD')}}{{ message | formatTime('YMDHMS')}}       {{ message | formatTime('HMS')}}           {{ message | formatTime('YM'

//在vue中的slide的效果可以使用自带的transition实现，下面是样式的部分代码。Document.expand-enter-active { transition: all 3s ease; height: 50px; overflow: hidden;}.expand-leave-active{ transition: a

分析：当我们在vue中使用默认的指令中（v-if,v-show）,当然在实际的场景中，由于不能满足需求的时候。就需要自定义指令了，下面是自定义指令的方式，用于扩展htm结构自定义指令           this is a directive    this is another directive//指令中的多个值形式   传入对象字面

前言在使用vue一个多礼拜后，感觉现在还停留在初级阶段，虽然知道怎么和后端做数据交互，但是对于mounted这个挂载还不是很清楚的。放大之，对vue的生命周期不甚了解。只知道简单的使用，而不知道为什么，这对后面的踩坑是相当不利的。因为我们有时候会在几个钩子函数里做一些事情，什么时候做，在哪个函数里做，我们不清楚。于是我开始先去搜索，发现vue2.0的生命周期没啥文章。大多是

vue2.0里，不再有自带的过滤器，需要自己定义过滤器。定义的方法如下： 注册一个自定义过滤器，它接收两个参数：过滤器 ID 和过滤器函数。Vue.filter('filtername',function(value,参数){ return 参数+value.split('').reverse().join(''); });1234123完整代码如下：

这种方式可以提交,那么问题来了,表单提交以后如果需要获取服务器的响应呢,如果需要在响应成功后跳转页面呢,这种方式显得不好处理.切回正题,在vue中这种简单的表单提交如何处理呢,其实使用的是 FormData 来模拟表单提交?123456789101112

在vue 中对v-for 遍历数据的处理方式 可以分为两类 ： 使用computed 方法来过滤筛选数据;也可以使用methods 方式来筛选过滤数据代码如下：[html] view plain copybody>      div id="app">          ul>              li 

html>html lang="en">head> meta charset="UTF-8"> title>百度下拉框搜索框title> script src="vue.js">script> script src="vue-resource.js">script> style type="text/css"> ul{

vue2.x中的过滤器，不同于vue1.X,在vue2.X中的过滤器，要在js中设置，如果是复杂的格式的装换，可以使用计算属性：html>html lang="en">head> meta charset="UTF-8"> title>过滤器title> script src="https://unpkg.com/vue">script>head>body>

（一）定义（页面之间的跳转）后端路由：通过用户请求的url导航到具体的html页面；每跳转到不同的URL，都是重新访问服务端，然后服务端返回页面，页面也可以是服务端获取数据，然后和模板组合，返回HTML；也可以是直接返回模板HTML，然后由前端js再去请求数据，使用前端模板和数据进行组合，生成想要的HTML前端路由：前端单页应用 SPA(Single Page Application)中，...