vue
dream-N
前端工程师,热爱JavaScript开发的各种技术,如node,vue等
展开
-
vue插件推荐vue-class-model
遇到个比较好用的新插件推荐将class类的public的数据在vue中实现双向绑定,使用起来比较方便class中处理类型数据,和dom操作分开方便开发使用vue-class-model在vue中使用面向对象class开发,使class的公有数据双向绑定;如果不需要使用双向绑定可以将属性通过Symbol私有化安装npm install vue-class-modelor yarn add vue-class-model配置// model/hello.jsclass Hello{原创 2020-07-08 14:48:27 · 402 阅读 · 0 评论 -
组件对象化(VUE)想法
最近在做一个vue项目时,突发奇想,想把组件对象化,我不知道其他人有没有这个想法,我这边分享一下自己的想法。因为每一个组件结构、方法等都可由传过来的数据决定,我们把数据作为组件对象的参数,把组件作为对象,其中参数包括数据Data、方法Methods等:Data可以控制数据、组件的html结构;Methods可以控制执行哪个方法。{data:{}methods:{}.......原创 2018-01-22 11:04:49 · 330 阅读 · 0 评论 -
Vue 父子组件的数据传递、修改和更新
父子组件之间的数据关系,我这边将情况具体分成下面4种:父组件修改子组件的data,并实时更新 子组件通过$emit传递子组件的数据,this.$data指当前组件的data(return{...})里的所有数据,this.$emit('data',this.$data); 之后通过父组件的getinputdata方法来接收数据@data='getinputdata'转载 2018-01-17 18:16:41 · 11186 阅读 · 0 评论 -
vue 改动computed来间接改动data的数据
data数据:groups: { value: {name: 'Group-1'}, options: [ {name: 'Group-1'}, {name: 'Group-2'}, {name: 'Group-3'}, {name: 'Group-4'}, {name: 'Group-5'} ]},users: [ {value: '...原创 2018-03-26 16:33:46 · 7264 阅读 · 0 评论 -
vue 全局axios封装
// 在main.js中添加全局,getCokie是获取cookie里的csrftoken值,Qs是用于序列化Vue.prototype.$axios = (ajax) => { axios({ method: ajax.type, url: api + ajax.url, data: Qs.stringify(ajax.data) }).then((res...原创 2018-08-17 15:14:38 · 1492 阅读 · 0 评论 -
vue登录路由验证的实现方法
sessionStorage 是HTML5新增的一个会话存储对象,用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。本篇主要介绍 sessionStorage(会话存储)的使用方式。包括添加、修改、删除等操作。 sessionStorage.setItem('accessToken', 写入登录成功返回的登录令牌或者自定义的判断字符串) } 在登录时,...原创 2018-12-11 14:53:31 · 474 阅读 · 0 评论