vue
qdmoment
全局掌控,剖析网站终端建设
展开
-
vue-cli脚手架 vue和vue-cli-service命令详解
createvue create 后面有很多参数:源码如下:program .command('create <app-name>') .description('create a new project powered by vue-cli-service') .option('-p, --preset <presetName>', 'Skip ...原创 2020-03-16 21:01:58 · 9296 阅读 · 0 评论 -
vscode中 vue ESlint自动修复环境配置详解
很久没有写vue的项目,近期加入了教育疫情项目的开发,重新启用vue,这里就vue代码自动修复环境的安装,以及可能遇到的vscode安装的插件:ESlint, Vetur,eslint-plugin-html (全局安装){ "window.zoomLevel": 0, "terminal.integrated.rendererType": "dom", "ed...原创 2020-03-13 14:58:28 · 2761 阅读 · 0 评论 -
vue插槽slot的简单理解
vue中插槽的使用非常广泛,本文就插槽的使用和理解简单总结。从字面理解插槽是预先插入一个代码空间,用于后期塞入数据。插槽分类匿名插槽 ------------------ 匿名的代码空间具名插槽 ------------------ 带有命名的代码空间作用域插槽 ------------------- 带有数据的代码空间插槽使用示例匿名插槽...原创 2020-03-09 19:14:36 · 721 阅读 · 1 评论 -
vue框架的设计思想--渐进、轻量、数据驱动、组件化、自底向上
vue是一套用于构建用户界面的渐进式框架参考:https://blog.csdn.net/tangxiujiang/article/details/79594860https://blog.csdn.net/weixin_41049850/article/details/79431682以下是看过很多渐进式框架的概念,把几个相对全面的进行了总结:渐进式框架:只做自己该做的事情,不去...原创 2018-10-08 11:17:14 · 3444 阅读 · 0 评论 -
MVC和MVVM的定义和区别,MVVM框架VUE实现原理
mvvm现在已经是很流行的框架设计模式,之所以流行,是因为好用,那么从之前的mvc框架到现在的mvvm框架到底发生了什么变革呢。mvvm和mvc有什么本质区别呢。接下来解决这两个问题。1,什么是mvcmodel-view-controller特点:controller 的业务逻辑部分写在后端,写在前端后使得js控制层变得越来月难以维护 model,view和contr...原创 2018-12-15 20:58:50 · 1602 阅读 · 0 评论 -
vue核心技术知识点总结
Vue在2019年的受欢迎程度逐步加大,很多创业型公司,中小企业都在使用vue框架。很多场景下,大公司更青睐于React技术栈,而随着Vue2.x的发布更新,很多公司开始选用vue作为主要技术栈。vue上手成本低,且社区多为中文,对于开发者而言要求相对 较低。但是要想做好vue的开发,就必须对vue的原理有深入的了解,并且对相关社区有所了解。Vue中很多也采用了最新的ES6写法,从技术层面上提...原创 2019-08-03 20:34:34 · 9269 阅读 · 0 评论 -
关于vue模板的style和style的scoped属性
vue模板有三部分组成,template, script, style1,如果模板中有style部分,vue在编译过程中,会将该部分样式按照特定的样式规范编译后以style标签插入header,如图:说明:如果style里面并没有样式,是空的,则编译时会忽略2,style的scoped属性有scoped属性时,vue编译过程中会生成一个唯一的data-xxx标志,样式后面会跟上...原创 2019-08-05 11:39:14 · 2999 阅读 · 0 评论 -
一文搞懂vue的$attrs和$listeners,和react props的对比后更容易记忆
近期编写vue组件,用到vue新增的api$attrs和$listeners,看了网上很多帖子,感觉介绍的都不直观,并不能让使用者快速了解二者到底是什么作用,本文结合实际使用场景,给出$attrs和$listeners的使用方法。并且引入引深思考,和react props传递进行对比。首先介绍$attrs作用:主要用于跨组件传输props,中间组件使用v-bind = "$attrs"转发...原创 2019-08-13 15:46:59 · 1062 阅读 · 0 评论 -
vue日历面板组件vue-calendar-board封装实现(npm包已发布)
完整代码参见github:vue-calendar-board讲解组件封装之前,介绍时间对象Date相关的api:参见:MDNnew Date()入参字符串和多个参数不同实例:2019-03-03返回值是默认是日期的8:00:00,传入时间后按时间返回2019,02,03返回日期是零点00:00:00,传入小时后按时间返回//Sun Mar 03 2019 08:00:00 ...原创 2019-08-14 00:35:51 · 3342 阅读 · 0 评论