微信扫一扫打赏支持

随笔分类 -  1_vue(组件、vue异常、vue事件、vue_resource、mixin、vue结构优化、vue表单等)

摘要:VUE实例课程 1、计算属性实现列表的搜索和排序 一、总结 一句话总结: 计算属性实现列表的搜索和排序中:计算属性用于搜索的关键字变化之后自动更新列表数组,排序就是指定不同的排序标志,根据不同的排序字段来改变列表元素的顺序 <div id="app"> <label> 搜索名字:<input typ 阅读全文
posted @ 2020-04-20 12:08 范仁义 阅读(646) 评论(0) 推荐(0)
摘要:VUE疑难问题 2、方法和计算属性的区别 一、总结 一句话总结: VUE中的方法和计算属性可以实现同样的功能,区别就是计算属性有基于响应式依赖的缓存(也就是计算属性依赖的数据改变缓存才会改变),而方法没有,需要缓存的话就用计算属性。 <div id="app"> <p>Original messag 阅读全文
posted @ 2020-04-20 08:01 范仁义 阅读(480) 评论(0) 推荐(0)
摘要:VUE参考 计算属性和watch 一、总结 一句话总结: 计算属性:在computed属性对象中定义计算属性的方法,可以直接一个函数(只有get),或者一个对象(有get和set) watch:通过vm对象的$watch()或watch配置来监视指定的属性 <div id="demo"> 姓: <i 阅读全文
posted @ 2020-04-20 06:55 范仁义 阅读(362) 评论(0) 推荐(0)
摘要:webstorm 对 vue的设置 一、总结 一句话总结: 安装vue插件,可以setting-->plugin,搜索vue插件 二、关于webstorm 对 vue的设置 转自或参考:关于webstorm 对 vue的设置https://www.cnblogs.com/ssrsblogs/p/62 阅读全文
posted @ 2020-04-18 03:15 范仁义 阅读(2777) 评论(0) 推荐(0)
摘要:优秀的Vue UI组件库推荐 一、总结 一句话总结: ^、可以注意下Quasar,Quasar功能比较全,下次用的话试下这个,Bootstrap-Vue也同样可以注意下 ^、vue ui库省了我们把组件封装成vue组件的过程(当然也省了我找组件和调组件的过程),所以蛮可以节约开发效率 二、16款优秀 阅读全文
posted @ 2020-04-15 22:00 范仁义 阅读(638) 评论(0) 推荐(0)
摘要:vue源码分析参考 2、数据代理 一、总结 一句话总结: vue数据代理: data对象的所有属性的操作(读/写)由vm对象来代理操作 const vm = new MVVM({ el: "#test", data: { name: '张三2' } }) console.log(vm.name) / 阅读全文
posted @ 2020-04-09 04:48 范仁义 阅读(331) 评论(0) 推荐(0)
摘要:vue源码分析参考 1、准备工作 一、总结 一句话总结: 可以直接剖析 github 上某基友仿 vue 实现的 mvvm 库(https://github.com/DMQ/mvvm),用这个分析vue的原理更加简单,弄懂这个再去看vue源码会很简单 1、分析vue源码 策略? 可以直接剖析 git 阅读全文
posted @ 2020-04-09 04:34 范仁义 阅读(189) 评论(0) 推荐(0)
摘要:基于vue的UI框架集锦(移动端+pc端) 一、总结 一句话总结: 基于vuejs的有很多的前端框架,比如移动端vonic、vux等等,pc端Element、iView等等 1、基于vuejs的前端框架(比如vonic)和普通前端框架(bootstrap)的区别是什么? 基于vuejs的前端框架也是 阅读全文
posted @ 2020-03-18 05:08 范仁义 阅读(2303) 评论(0) 推荐(0)
摘要:vue移动框架vonic 一、总结 一句话总结: vonic 一个基于 vue.js 和 ionic 样式的 移动端UI 框架,用于快速构建移动端单页应用,很简约,样式也还比较好看 1、基于vuejs的前端框架(比如vonic)和普通前端框架(bootstrap)的区别是什么? 基于vuejs的前端 阅读全文
posted @ 2020-03-18 00:14 范仁义 阅读(1319) 评论(0) 推荐(0)
摘要:vue桌面端框架element 一、总结 一句话总结: vue桌面端框架element:基本的布局(比如栅格系统等等)、样式(比如按钮,表格,表单,弹框,日历等等),还有一些vue的基本应用比如 transfer等等 二、vue桌面端框架element 博客对应课程的视频位置: element地址: 阅读全文
posted @ 2020-03-17 23:58 范仁义 阅读(1094) 评论(0) 推荐(0)
摘要:vuex最简单的入门文档 一、总结 一句话总结: vuex是管理状态的,也就是用来解决vue组件之间通信复杂的问题的 1、vue手机和电脑对应的前端ui框架? 比如手机端的vonic和vux,以及电脑端的ElementUI 2、vuex中的getters对象解释? getters 和 vue 中的 阅读全文
posted @ 2020-03-17 23:17 范仁义 阅读(315) 评论(0) 推荐(0)
摘要:Vuex最简单教程 一、总结 一句话总结: vuex 是一个专门为vue.js应用程序开发的状态管理模式。这个状态我们可以理解为在data中的属性,需要共享给其他组件使用的部分。也就是说,是我们需要共享的data,使用vuex进行统一集中式的管理。 1、vuex中,默认的五种基本的对象的理解? st 阅读全文
posted @ 2020-03-17 22:54 范仁义 阅读(881) 评论(0) 推荐(0)
摘要:vue项目目录结构详解 一、总结 一句话总结: vue的目录结构相对而言比较简单,我们主要要操作的就是src目录,在components目录下写主键,在router目录下写路由 1、vue一般是做什么的? 基于 vue.js 的前端开发环境,用于前后端分离后的单页应用开发,可以在开发时使用 ES N 阅读全文
posted @ 2020-03-13 10:28 范仁义 阅读(6472) 评论(0) 推荐(1)
摘要:vuex是干什么的 一、总结 一句话总结: 【状态管理库】:vuex是基于vue框架的一个状态管理库。可以管理复杂应用的数据状态,比如兄弟组件的通信、多层嵌套的组件的传值等等。 1、vuex是干什么的? 【状态管理库】:vuex是基于vue框架的一个状态管理库。可以管理复杂应用的数据状态,比如兄弟组 阅读全文
posted @ 2020-03-13 09:30 范仁义 阅读(829) 评论(0) 推荐(0)
摘要:vue参考 eslink编码规范检查 一、总结 一句话总结: ESLint 是一个代码规范检查工具,它定义了很多特定的规则, 一旦你的代码违背了某一规则, eslint 会作出非常有用的提示 1、如何查看eslink提示的错误信息? 直接仔细看控制台的报错,如果没看懂,可以去错误对应的链接页面 2、 阅读全文
posted @ 2020-03-13 06:48 范仁义 阅读(414) 评论(0) 推荐(0)
摘要:vue参考 vue项目结构 一、总结 一句话总结: vue的目录结构相对而言比较简单,我们主要要操作的就是src目录,在components目录下写主键,在router目录下写路由 二、内容在总结中 博客对应课程的视频位置: |-- build : webpack 相关的配置文件夹(基本不需要修改) 阅读全文
posted @ 2020-03-13 04:36 范仁义 阅读(147) 评论(0) 推荐(0)
摘要:vue参考 vue项目的打包发布 一、总结 一句话总结: vue项目的打包发布就是用npm run build命令生成dist目录,还是非常简单,打包之后就可以放到服务器上面去了 二、vue项目的打包发布 博客对应课程的视频位置: 1. 打包:npm run build2. 发布 1: 使用静态服务 阅读全文
posted @ 2020-03-13 04:29 范仁义 阅读(456) 评论(0) 推荐(0)
摘要:vue-cli(vue脚手架)详细教程 一、总结 一句话总结: vue-cli实质是一个vue前端模板项目:vue init webpack vue_demo 相当于从 https://github.com/vuejs-templates 下载vue模板项目中的webpack项目 1、vue.js全 阅读全文
posted @ 2020-03-13 04:10 范仁义 阅读(673) 评论(0) 推荐(0)
摘要:组件化开发和模块化开发概念辨析 一、总结 一句话总结: 组件(代码复用):最初的目的是代码重用,功能相对单一或者独立。在整个系统的代码层次上位于最底层,被其他代码所依赖,所以说组件化是纵向分层。 模块(高内聚):最初的目的是将同一类型的代码整合在一起,所以模块的功能相对复杂,但都同属于一个业务。不同 阅读全文
posted @ 2020-03-13 02:51 范仁义 阅读(523) 评论(0) 推荐(0)
摘要:关于Vue中main.js,App.vue,index.html之间关系进行总结 一、总结 一句话总结: 1、index.html-主页,项目入口; 2、App.vue-根组件; 3、main.js-入口文件 在项目运行中,main.js作为项目的入口文件,运行中,找到其实例需要挂载的位置,即ind 阅读全文
posted @ 2020-03-13 02:36 范仁义 阅读(842) 评论(0) 推荐(0)