自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 Vue.js 学习日志——Axios请求数据(十二)

Vue.js - Axios这里我们使用 Vue 推荐的 axios 来进行ajax 请求。1、初始化项目使用 vue-cli 初始化 vue-axios项目。vue init webpack vue-axios2、安装 axioscnpm install axios --save3、引入 axios修改main.js// The Vue build ...

2019-08-11 17:49:47 355

原创 Vue.js 学习日志——路由(十一)

Vue.js 路由(Vue-router)这个路由是指SPA(单页应用)的路径管理器,它和vue.js深度集成,适合用于构建单页面应用。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射。传统的单页面应用是用一些超链接来实现页面切换和跳转。路由模块的本质就是建立起url和页面之间的映射关系。 初始化项目 使用vue-cli 命令创建项目,在Install...

2019-07-20 21:33:11 223

原创 Vue.js 学习日志——自定义指令及钩子函数(十)

Vue.js 自定义指令Vue除了默认的核心指令,也允许注册自定义指令。如使用directive来注册一个全局指令。(同样,也是可以注册一个局部指令的)<div id="app"> <p>页面载入时,input 元素自动获取焦点:</p> <input v-focus></div><script&...

2019-07-17 22:41:12 289

原创 Vue.js 学习日志——组件(九)

Vue.js 组件组件(Component)可以扩展 HTML 元素,封装可重用的代码。注册一个组件的语法:Vue.component(tagName,options)tagname为组件名,options为配置项。注册后调用组件的方式:<tagName></tagName>全局组件<div id="div"> <hel...

2019-07-12 12:05:08 651

原创 Vue.js 学习日志——表单(八)

Vue.js 表单表单应用,使用 v-model 在表单控件元素上进行双向数据绑定。官方图:输入框<div id="div"> <!-- 输入框 --> <input v-model="inpudtmsg"> <p>inpudtmsg:{{ inpudtmsg }}</p></div>&l...

2019-07-11 17:49:57 153

原创 Vue.js 学习日志——修饰符(七)

Vue.js 修饰符事件修饰符<!-- 阻止单击事件冒泡 --><a v-on:click.stop="doThis"></a><!-- 提交事件不再重载页面 --><form v-on:submit.prevent="onSubmit"></form><!-- 修饰符可以串联 -->&lt...

2019-07-10 19:21:57 340

原创 Vue.js 学习日志——事件处理器(六)

Vue.js 事件处理器直接使用 v-on 指令<div id="app"> <button v-on:click="count ++">增加1</button></div><script>new Vue({ el: '#app', data: { count: 0 }})</scrip...

2019-07-09 20:24:19 133

原创 Vue.js 学习日志——监听属性(五)

Vue.js 监听属性Vue.js 监听属性 watch,我们可以通过 watch 来响应数据的变化。用实例实现一个g与kg的单位换算:<div id="app"> <p>g与kg单位换算</p> g:<input type="number" v-model="g"> kg:<input type="number" v...

2019-07-09 19:56:35 372

原创 Vue.js 学习日志——计算属性(四)

Vue.js 计算属性属性关键词: computed,用于处理一些复杂逻辑。<div id="div"> <p>原值:{{ msg }}</p> <p>计算后:{{ capitalize }}</p></div><script> var vm = new Vue({ el:"#di...

2019-07-08 11:48:06 145

原创 Vue.js 学习日志——条件与循环(三)

Vue.js 条件与循环 条件 v-if 指令 v-else-if 指令 v-else 指令示例:<div id="div"> <input type="number" v-model="number"> <div v-if="number > 5">大于5</div> <div v-else-if="n...

2019-07-07 18:39:53 151

原创 Vue.js 学习日志——语法(二)

Vue.js语法Vue.js 使用了基于 HTML 的模版语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。 Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。 结合响应系统,在应用状态改变时, Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。{{ }} 文本插值数据绑定常见的形式使用{{ }}双大括号...

2019-07-06 14:21:22 341

原创 Vue.js 学习日志——第一个Vue实例(一)

实例<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Vue 测试实例</title> <script src="../static/vue.min.js"></script></head><b...

2019-07-05 16:10:32 3479 2

原创 Mac下使用SDK安装Gradle

一.安装SDK官网:https://sdkman.io/install$ curl -s "https://get.sdkman.io" | bash$ source "$HOME/.sdkman/bin/sdkman-init.sh"$ sdk versionSDKMAN 5.7.3+337二.SDK安装Gradle官网https://gradle.org/in...

2019-03-27 13:24:52 297

空空如也

空空如也

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

TA关注的人

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