VueJs
文章平均质量分 85
本栏目主要记录前端开发中VueJs框架的使用,包括脚手架的搭建,插件配置和ui库的使用,会不定期的持续更新。
Run4Freedom
这个作者很懒,什么都没留下…
展开
-
Vue组件递归——组件化开发
不知道大家有没遇到过这样的场景:渲染列表数据的时候,列表的子项还是列表。如果层级少尚且可以用几个for循环搞定,但是层级多或者层级不确定就有点无从下手了。其实这就是树形结构数据,像常见的组织架构图,文件夹目录,导航菜单等都属于这种结构。很多组件库都带有树形组件,但往往样式不是我们想要的,改起来也非常的费劲。那么,如何自己渲染这些数据呢?答案就是——组件递归!原创 2022-04-01 17:55:54 · 586 阅读 · 0 评论 -
AngularJS 依赖注入 深入理解
AngularJS 依赖注入什么是依赖注入?是一种软件设计模式,在这种模式下,一个或更多的依赖(或服务)被注入(或者通过引用传递)到一个独立的对象(或客户端)中,然后成为了该客户端状态的一部分。一个对象通常有三种方式可以获得对其依赖的控制权: (1) 在内部创建依赖; (2) 通过全局变量进行引用; (3) 在需要的地方通过参数进行传递 依赖注入是通过第三种方法实现的。其余原创 2017-12-28 17:48:30 · 647 阅读 · 0 评论 -
AngularJS多重视图和路由
1.安装可以用Bower来安装,这样会将它存放到Bower的目录中。$bower install--save angular -route在HTML中,需要在AngularJS之后引用 angular-route :<script src="js/vendor/angular.js"></script><script src="js/vendor/angular-route.js"></scrip>原创 2017-12-27 12:13:37 · 715 阅读 · 0 评论 -
vue中使用自己封装的ajax
Lenhart的成长之路—-vue-ajax1.回调函数的解决方法promise类在讲ajax之前,今天我先讲讲回调函数,所谓回调函数,就是将后续的处理逻辑传入到当前要做的事情,事情做好之后调用此函数,下面实现一个买菜的例子。let a = '';function buy(callback) { setTimeout(()=>{ a = '蘑菇';原创 2018-02-06 14:50:29 · 383 阅读 · 0 评论 -
Lenhart的成长之路----vue基础知识1
js数据类型基本 number string boolean null undefinedObject functionSymbol(es6){} []数组的变异(括号中的能改变原数组)操作数组的方法 es4 (pop push unshift shift splice reverse sort) indexOf lastInde原创 2018-02-02 16:10:22 · 218 阅读 · 0 评论 -
如何在vue中使用mockjs模拟接口的各种数据
mockjs的作用生成模拟数据模拟 Ajax 请求,返回模拟数据基于 HTML 模板生成模拟数据(后续更新)帮助编写单元测试(后续更新)Vue 中使用 mock有两种使用方式,一种是仅编写数据来调用,第二种是编写 服务+数据模拟真实接口(可在network查看)第一种方式使用mock的方式模拟数据接口可以写完整action url:http://localhost/logi...原创 2022-05-21 11:15:25 · 12491 阅读 · 0 评论