自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 资源 (5)
  • 收藏
  • 关注

原创 Vue初学15-组件语法糖

上文中提到组件使用需要三个步骤,创建,注册,使用,比较繁琐。vue提供了一个简便写法,可以将创建和注册合并成一个步骤。将对象直接放到component的第二个参数。也可以通过template标签,将组件模板摘出放到外面

2020-03-28 20:46:30 286

原创 Vue初学14-组件的基本使用

组件化开发可以实现模块化,提高代码复用率,而且界面会更加整洁。组件使用的步骤:创建组件,注册组件,使用组件

2020-03-26 16:01:15 141

原创 Vue初学13-v-model修饰符

v-model三个比较常用的修饰符:lazy(延迟加载),number(只允许输入数字),trim(去除空格)

2020-03-25 15:10:09 243

原创 Vue初学12-v-model

v-model指令用于组件和数据的绑定,是双向绑定,值绑定。v-model绑定的简单的原理。

2020-03-24 09:12:57 231

原创 Vue初学11-高级函数

举例说明filter函数(有条件过滤),map函数(改变数据元素的值),reduce函数(数据汇总)的基本使用方法。

2020-03-22 20:43:39 340

原创 Vue初学10-总结练习

实现如下图类似购物车效果。用到的知识点:v-for遍历数组,@click事件绑定,methods函数定义,计算属性(totalprice),过滤器(priceformatter),动态属性绑定(:disabled),v-if,v-else隐藏dom元素

2020-03-20 10:37:37 134 1

原创 Vue初学09-v-for遍历

v-for指令可以用于遍历数组和对象,用列表展示遍历结果。

2020-03-19 11:10:25 149

原创 Vue初学08-条件指令(v-if,v-else-if,v-else)

1.条件判断根据属性值的不同显示不同的结果,如下根据分数的不同显示不同的等级。2.控制dom的显示通过v-if还可以控制dom元素的显示,v-if="true"表示显示,v-if="false"表示隐藏

2020-03-18 09:50:55 702

原创 Vue初学07-事件修饰符

1.stop修饰符相当于调用 event.stopPropagation(),阻止事件冒泡2.prevent修饰符相当于调用 event.preventDefault(),阻止默认行为3.键修饰符只当事件是从特定键触发时才触发回调,以回车键为例

2020-03-17 09:53:32 136

原创 Vue初学06-v-on

v-on用于绑定事件监听器。事件类型由参数指定。表达式可以是一个方法的名字或一个内联语句,如果没有修饰符也可以省略。事件参数的设置,有参数情形,无参数的情形

2020-03-16 10:56:24 159

原创 Vue初学05-var和let的区别

es5中var定义的变量只有全局作用域和函数作用域,没有块级作用域的概念。es6中let有块级作用域,相当于是var的进一步完善。下面以按钮点击为例,一共5个按钮,绑定点击事件,点到第几个按钮,提示第几个按钮被点击。

2020-03-13 09:12:54 4609

原创 Vue初学04-计算属性

计算属性computed,可以将属性进行拼接,计算生成新的属性,计算属性的结果会被缓存,效率较高。

2020-03-12 09:17:30 151

原创 Vue初学03-v-bind

v-bind用于动态地绑定一个或多个特性,或一个组件 prop 到表达式。v-bind 绑定src、href。v-bind绑定class。v-bind绑定style

2020-03-11 09:11:09 265

原创 Vue初学02-几个常用指令

1.v-once只渲染元素和组件一次。随后的重新渲染,元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能。2.v-html将内容按html插入,相当于更新innerHTML属性,建议在可信内容上使用,容易导致XSS攻击。3.v-text更新元素的textContent,与{{Mustache}}效果类似4.v-cloak这个指令保持在元素上直到关联实例结束编译。

2020-03-10 09:46:56 170

原创 Vue初学01-Vue的安装

vue的安装官方网站:vue官网,进入官网点击起步,初学可以采用直接引入的方式安装vue.js,下载开发版本的vue.jshello vue

2020-03-09 14:17:58 215

supermapleaflet测试工程

基于 SuperMap iClient for Leaflet 搭建本地的supermap leaflet测试工程,加载在线天地图数据。

2020-10-23

Vue初学22-具名插槽(slot)的使用-标题导航栏为例

Vue初学22-具名插槽(slot)的使用-标题导航栏为例的两个图标,Vue初学22-具名插槽(slot)的使用-标题导航栏为例的两个图标

2020-04-22

apk信息查看

APK Helper用于查看apk的相关信息,包括包名、版本号、权限、最低sdk版本等。

2018-05-22

spatialite-gis

spatialite-gis是一款spatialite操作工具,提供shp数据的导入、预览等功能。

2018-03-14

spatialite-gui工具

spatialite-gui是一款操作spatialite数据库的工具,可以进行数据的导入、导出和增删改查。

2018-03-14

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除