- 博客(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><!-- 修饰符可以串联 --><...
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关注的人