Loading [MathJax]/jax/element/mml/optable/BasicLatin.js

随笔分类 -  vue

摘要:一、Promise 的基本语法 1 <script> 2 // 基本语法 3 new Promise((resolve, reject) => { 4 // resolve reject本身也是函数 ,如果我们是一个成功的操作(异步操作) 就调用 resolve, 5 // 否则就是一个失败的操作( 阅读全文
posted @ 2020-04-05 19:58 半指温柔乐 阅读(923) 评论(0) 推荐(1) 编辑
摘要:一、Vuex简介 官方定义 Vuex是一个专门为Vue.js应用程序开的状态管理模式 它采用集中式存储管理应用的所有组件的状态 并以相应的规则保证以一种可预测的方式发生变化 二、应用场景 多个视图依赖于同一状态 来自不同视图的行为需要改变同一个状态 三、Vuex的安装和组成介绍 State——数据仓 阅读全文
posted @ 2019-09-30 13:49 半指温柔乐 阅读(269) 评论(0) 推荐(0) 编辑
摘要:Vue项目部署问题及解决方案 Vue-Router 有两种模式,默认是 hash 模式,另外一种是 history 模式。 hash:也就是地址栏里的 # 符号。比如 http://www.example/#/hello,hash 的值为 #/hello。特点:hash 虽然出现 URL 中,但不会 阅读全文
posted @ 2019-01-15 20:57 半指温柔乐 阅读(1601) 评论(0) 推荐(0) 编辑
摘要:导航守卫 正如其名,vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中:全局的, 单个路由独享的, 或者组件级的。 记住参数或查询的改变并不会触发进入/离开的导航守卫。你可以通过观察 $route 对象来应对这些变化,或使用 beforeRoute 阅读全文
posted @ 2018-12-22 22:14 半指温柔乐 阅读(3835) 评论(0) 推荐(1) 编辑
摘要:谈到Vue的生命周期,相信许多人并不陌生。但大部分人和我一样,只是听过而已,具体用在哪,怎么用,却不知道。我在学习vue一个多礼拜后,感觉现在还停留在初级阶段,对于mounted这个挂载还不是很清楚。放大说,对vue的生命周期不甚了解,这对后面的踩坑是相当不利的。 因为我们有时候会在几个钩子函数里做 阅读全文
posted @ 2018-11-29 20:16 半指温柔乐 阅读(1381) 评论(0) 推荐(1) 编辑
摘要:Vue-cli可以快速帮助我们创建一个项目,这是官方给我们提供的脚手架。下面我说一下vue-cli的使用方法。 一、准备工作 在使用vue-cli时,首先需要安装nodejs,npm,其次需全局安装vue和vue-cli 1、nodejs和npm安装方法详见https://www.cnblogs.c 阅读全文
posted @ 2018-11-03 10:07 半指温柔乐 阅读(373) 评论(0) 推荐(0) 编辑
摘要:刚学习vue不久,就接触了路由这个好东西。下面简单聊聊vue-router的基本用法。 一、路由的概念 路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的news按钮,页面中就要显示news的内容。Home按钮 => home 内容, news按 阅读全文
posted @ 2018-10-14 00:04 半指温柔乐 阅读(1151) 评论(0) 推荐(0) 编辑
摘要:在vue组件通信中其中最常见通信方式就是父子组件之中的通信,而父子组件的设定方式在不同情况下又各有不同。最常见的就是父组件为控制组件子组件为视图组件。父组件传递数据给子组件使用,遇到业务逻辑操作时子组件触发父组件的自定义事件。无论哪种组织方式父子组件的通信方式都是大同小异。 一、父组件到子组件通讯 阅读全文
posted @ 2018-09-27 21:45 半指温柔乐 阅读(857) 评论(0) 推荐(0) 编辑
摘要:一、组件定义 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以表现为用is 特性进行了扩展的原生 HTML 元素。所有的 Vue 组件同时 阅读全文
posted @ 2018-09-23 23:01 半指温柔乐 阅读(859) 评论(0) 推荐(0) 编辑
摘要:作为前端人员,在开发过程中,我们大多数情况都需要从后台请求数据,那么在vue中怎样从后台获取数据呢?接下来,我简单介绍一下vue-resource的使用方法,希望对大家有帮助。 一、下载vue-resource 1、npm install vue-resource --save -dev 2、git 阅读全文
posted @ 2018-09-02 21:30 半指温柔乐 阅读(15195) 评论(1) 推荐(0) 编辑
摘要:一 、用对象的方法绑定class 实现效果: 关于使用对象绑定class,还可以用另外一种写法: 实现效果: 二 、用数组的方法绑定class 实现效果: 其实在数组中还可以用判断是否显示这个类名,举个例子: 实现效果是: 三、 用数组和对象混合的方法绑定class 实现的效果: 四、 用对象的方式 阅读全文
posted @ 2018-08-28 22:13 半指温柔乐 阅读(824) 评论(0) 推荐(0) 编辑
摘要:一、 vue方法实现 二、 方法传参 三 、vue访问原生 DOM 事件 注意用event获取 四、 事件修饰符 五、常用事件 v-on:click/mouseover...... 简写的: @click="" 推荐 1、事件对象: @click="show(event)" 2、事件冒泡: 阻止 阅读全文
posted @ 2018-08-25 22:57 半指温柔乐 阅读(1105) 评论(0) 推荐(0) 编辑
摘要:Vue入门 Vue是一个MVVM(Model / View / ViewModel)的前端框架,相对于Angular来说简单、易学上手快,近两年也也别流行,发展速度较快,已经超越Angular了。比较适用于移动端,轻量级的框架,文件小,运行速度快。最近,闲来无事,所以学习一下Vue这个流行的框架,以 阅读全文
posted @ 2018-08-19 13:58 半指温柔乐 阅读(6720) 评论(0) 推荐(3) 编辑

点击右上角即可分享
微信分享提示