vue 数据绑定实现的核心 Object.defineProperty()

vue深入响应式原理 现在是时候深入一下了!Vue 最独特的特性之一,是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时,视图会进行更新。这使得状态管理非常简单直接,不过理解其工作原理同样重要,这样你可以回避一些常见的问题。在这个章节,我们将进入一些 Vue ... »

node.js+vue.js搭建程序设计类课程教学辅助系统

  毕业才刚刚两个多月而已,现在想想大学生活是那么的遥不可及,感觉已经过了好久好久,社会了两个月才明白学校的好啊。。。额,扯远了,自从毕业开始就想找个时间写下毕设的记录总结,结果找了好久好久到今天才开始动笔。   我的毕业设计题目是:教学辅助系统的设计与实现, ... »

比官方文档更易懂的Vue.js教程!包你学会!

欢迎大家前往 "腾讯云+社区" ,获取更多腾讯海量技术实践干货哦~ 本文由 "蔡述雄" 发表于 "云+社区专栏" 蔡述雄,现腾讯用户体验设计部QQ空间高级UI工程师。智图图片优化系统首席工程师,曾参与《众妙之门》书籍的翻译工作。目前专注前端图片优化与新技术的探研。 2016年,乃至接下来整个2017 ... »

Vue列表中,对表格中的数据进行转换、处理

众所周知,后端从Mysql取出的数据,一般是很难单独处理某一个Key的数据的(需要处理的话,可能会浪费大量的性能。而且对页面加载时间有很大的影响),所以,从数据库取出的数据。只能由前端进行处理。但是在Vue中,如果采用了element等组件,利用数据绑定的特性,也是很难对表格遍历的数据进行单独行的处 ... »

新人成长之入门Vue.js弹窗Dialog介绍(二)

前言 在上一篇博文找那个介绍了Vue.js的常用指令,今天总结归纳一下弹窗Dialog的使用,弹窗经常被使用在一些表单的增删改查啊,或者弹出一些提示信息等等,在保留当前页面状态的情况下,告知用户并承载相关操作。 之前做了表格的增删改查任务,其中用到了dialog弹窗,今天总结归纳一下Vue.js中几 ... »

vue.js响应式原理解析与实现

从很久之前就已经接触过了angularjs了,当时就已经了解到,angularjs是通过脏检查来实现数据监测以及页面更新渲染。之后,再接触了vue.js,当时也一度很好奇vue.js是如何监测数据更新并且重新渲染页面。今天,就我们就来一步步解析vue.js响应式的原理,并且来实现一个简单的demo。 ... »

vue watch深度监听对象,实现数据联动

当对象内的某一个元素发生变化,判断对象另一元素,并进行赋值 <template> <input type="text" v-model="a.a1.a12"/>{{a.a1.a12}} <input type="text" v-model="a.a2.a22"/>{{a.a2.a22}} </tem ... »

如何用vue-router为每个路由配置各自的title

传统方法 ======== 以前在单页面路由中,就只能在html文件中定一个固定的网站的title。如果想要动态的去修改,需要使用如下的方法。 这样会让我们做很多无用功。显得十分蠢。 使用Vue Router的方法 ====== 首先打开/src/router/index.js文件。 找到如下代码。 ... »

Vue+Mock.js模拟登录和表格的增删改查

有三类人不适合此篇文章: "喜欢站在道德制高点的圣母婊" 适合去教堂 "无理取闹的键盘侠" 国际新闻版块欢迎你去 "有一定基础但又喜欢逼逼的人" 得得得,老子知道你厉害了,你好牛逼,这些问题那么简单,都是小白看的 这种傻瓜文,简直浪费老子的时间! 对于以上三类人,走吧,这里不是你来装逼的地方. 你们 ... »

Vue项目添加动态浏览器头部title

0. 直接上 预览链接 + 效果图 "Vue项目添加动态浏览器头部title" 1. 实现思路 ( 1 ) 从路由router里面得到组件的title ( 2 ) title存vuex (本项目已经封装h5的sessionStorage和localStorage也可以存在这里面) ( 3 ) 设置 ... »

老板让我十分钟上手nx-admin

大体流程 参考资料: "nx admin项目地址" 首先这里就不讲解vue和vuex之类的基础东西了 有兴趣的可以去官方文档了解。这里根据流程走向大概说说 路由配置 首先找到路由配置,路由配置放在了 路由配置里暴露了两个常量 一个是 另外一个是 这里先说说 。 nx admin的权限验证大概是 1 ... »

Vue项目中添加锁屏功能

0. 直接上 预览链接 "Vue项目中添加锁屏功能" 1. 实现思路 ( 1 ) 设置锁屏密码 ( 2 ) 密码存localStorage (本项目已经封装h5的sessionStorage和localStorage) ( 3 ) vuex设置 (为true是锁屏状态) ( 4 ) 在路由里面判断v ... »

最近实际项目中遇到的技术问题与解决思路

距上一篇博客发布已经过去整整2个月。这两个月中发生了一些事情,比如离职,面试,入职等等,感触颇多。其实一次好的面试,即使没有成功入职也会有很多收获。 这次面试面了三家公司,拿了两家公司的offer,但是最让我中意的面试却没拿到offer,原因是下午去面试,精神状况不太好,有点疲倦并且反应有点迟钝,导 ... »

vue.js小总结

Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统; 指令带有前缀 v-,以表示它们是 Vue 提供的特殊特性; v-for 指令可以绑定数组的数据来渲染一个项目列表; 为了让用户和你的应用进行交互,我们可以用 v-on 指令添加一个事件监听器,通过它调用在 Vu ... »

使用mpvue开发微信小程序

更多内容请查看 我的新博客 地址 : "" 前言 16年小程序刚出来的时候,就准备花点时间去学学。无奈现实中手上项目太多,一个接着一个,而且也没有开发小程序的需求,所以就一拖再拖。 直到上周,终于有一个小程序的项目。如果现在学小程序,时间上肯定来不及了(就给了一周的时间)。正好前段时间看到美团开源了 ... »

vue2.0-基于elementui换肤[自定义主题]

0. 直接上 预览链接 "vue2.0 基于elementui换肤[自定义主题]" 1. 项目增加主题组件 在项目的src/components下添加skin文件夹 "skin文件获取地址" 2. 项目增加自定义主题 自定义添加主题下载地址 https://elementui.github.io/t ... »

Vue国际化处理 vue-i18n 以及项目自动切换中英文

1. 环境搭建 命令进入项目目录,执行以下命令安装vue 国际化插件vue i18n npm install vue i18n save 2. 项目增加国际化翻译文件 在项目的src下添加lang文件夹增加中文翻译文件(zh_CN.js)以及英文翻译文件(EN.js),里面分别存储项目中需要翻译的信 ... »

vue拦截器实现统一token,并兼容IE9验证

项目中使用vue搭建前端页面,并通过axios请求后台api接口,完成数据交互。如果验证口令token写在在每次的接口中,也是个不小的体力活,而且也不灵活。这里分享使用vue自带拦截器,给每次请求的头部添加token,而且兼容了IE9。 写在后面。因为我的token放在了缓存中,所以在每次请求前,我 ... »