关于Vue的那些事儿】的更多相关文章

Vue 渐进式框架 众前端周知,Vue是一套用于构建用户界面的渐进式框架,自底向上逐层应用,关注视图层.那我们就来说道说道: 渐进式:声明式渲染->组件系统->客户端路由(router)->数据管理状态(Vuex)->构建工具(npm) 所谓的渐进式:我觉得就是渐进嘛,一步一步来,首先Vue给了你核心的Vue核心库,实现最基本的组件系统.双向数据绑定.但是你要新的,强大的功能,可以啊,没有问题,自己添加嘛,逐步根据自己的需求添加相应的插件.就比如说:你需要路由了,你去添加Vue-r…
书接上回,.net实现一个nw,一个字,简单. 结构,无废话,上图. 要说这部分上回展示过的,大致结构如此,其实要说清楚结构,还是得从工作流程开始说起 流程 1.通过桌面的快捷方式启动WebOnDesk, 携带参数,目标客户文件夹的名字,这个文件夹因为是在本机xampp服务器上,所以也可以拼接出类似localhost/xxx的形式,用作界面 2.启动搜索参数指向的文件目录 1)xxxx.dll,与文件名同名的客户端逻辑dll,动态挂载,所有的业务逻辑,后端支持都可以由它来完成,nw里的packa…
什么是路由 之前有个小伙伴面试被问到:面试官:不用vue能不能写单页面应用?答:用angular啊(咳咳,开个玩笑),答案确实是可以的,原生js中有个事件叫做onhashchange,可以在window对象上监听这个事件,通过触发事件动态加载js,实现了没有向服务器发起请求却能通过url和页面关联,这就是所谓的前端路由了.路由反映了url和页面的映射关系 vue路由 言归正传,说说vue-router做路由.先来个简单的demo:npm i vue-router --save-dev先通过js手…
前段时间一直在研究Vue组件库,终于在组内派上了用场.来给大家贡献一篇关于Vue组件库的相关知识.经验不多,如果有不合理的地方还请多多指出哦--- 回想一下,在你们公司或者你们小组是否有一个以上的项目需要你维护?你是否遇到两个项目需要开发类似的功能的情况?那么你是怎么做的呢? 有这么三种常用的解决方案: COPY 你可能会说我讲究速度,复制之前的组件到新项目中,慢慢的你会发现随着你的项目的增加代码量在成倍上升,重复工作浪费了你很多时间. 子模块 我可以抽离出所有公共的组件放入一个子模块(git…
接触过vue的童鞋都知道,组件的模板一般都是在template选项内定义的,如 Vue.component('child-component', { template: '<h3>我是闰土大叔</h3>' }) 这个用法都是老生常谈了,今天来聊聊Vue的内联模板.看过vue文档的同学都知道,Vue提供了一个内联模板的功能,在使用组件时,给组件标签使用inline-template特性,组件就会把它的内容当做模板,而不是把它当成内容分发,这样做的好处是,让模板更灵活. 介绍完内联模板…
一.说说通信 通信,简言之,交流信息.交流结束后,把信息放在哪里,这是一个值得思考的问题.vue中保存状态有2种方式,组件内的data属性和组件外的vuex的state属性. 1.用state的场景 vuex解决多组件共享数据和组件间通信问题: 全局共享的状态,放在state中: 后端返回的数据,放在state中: 处理数据修改数据,放在state中. 2.用data的场景 数据渲染页面,放在data中: 页面中不需要持久化的数据,放在data中. 二.父子组件间通信 1.父组件给子组件传消息…
本篇文章基于vue2,vuejs不支持ie8,因为es5的Object.defineProperty特性不被ie8支持,而vue正是使用Object.defineProperty把遍历过的data属性全部转为getter/setter.Vue不是基于字符串的模板引擎.vue社区.一.认识vue-devtools1.在chrome中安装vue-devtools插件 https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmeji…
当用vsc打开我们的vue代码时,在其他编辑器里面本来没有错误,到这个编辑器里面 v-for就出毛病了.如下图所示, 那是因为我们打开了对vue进行Eslint的检查. 搜索vetur.validation 把勾勾取消保存就行了....…
配置 eslint 可在 package.json 中的 eslintConfig 中配置,比如允许在代码中使用 console,package.json 中配置如下 ... "eslintConfig": { "root": true, "env": {"node": true}, "extends": [ "plugin:vue/essential", "eslint:re…
这两者完全不是同一回事.export default {} 是es6的module中的语法, 而var vm = new vue({}) 是创建一个vue实例.引起误解是因为用了webpack开发vue同时用了vue-loader.其实这最终会通过vue-loader处理成原生js代码,即无论如何都要new Vue(). vue-loader介绍: vue-loader是一个webpack的loader:可以将vue文件转换为JS模块.…