VUE
文章平均质量分 80
WHTGS
这个作者很懒,什么都没留下…
展开
-
vue之axios数据请求
一、axios是啥?它是一个基于Promise的HTTP库,也是当前比较火的一个http请求插件(get,post等),使用起来简单快捷,不需要复杂的配置。二、主要功能(官方介绍)1 从浏览器中创建 XMLHttpRequests2 从 node.js 创建 http 请求3 支持 Promise API4 拦截请求和响应5 转换请求数据和响应数据6 取消请求7 自动转换 JSO...原创 2020-04-12 19:25:02 · 1441 阅读 · 0 评论 -
vue之Vue CLI
通过vue cli 可以快速进行vue项目的框架搭建,接下来对其搭建和使用进行简单的介绍。一、全局安装:npm install -g @vue/cli二、创建一个vue项目1 vue create 项目名称(比如:test)回车2 选择手动选择功能正常情况选择 babel router vuex css 就够了,其它根据情况选择(选择时按空格键)如下图:3 路由选择n代表ha...原创 2020-04-08 22:35:57 · 213 阅读 · 0 评论 -
vue之vuex详解
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。(官方解释)vuex有什么用?vuex能够更好的实现组件之间的数据共享,说到这里可能有一个疑问,我用data中的数据也可以实现组件中的数据共享,为啥要用vuex这么麻烦呢?试想一下,如果我们有几个组件,完全可以通过props $emit、eventbus、依赖注入、ref等方式实现数据共享,但是eventbus和依赖注入是有缺点的...原创 2020-04-08 00:54:53 · 551 阅读 · 0 评论 -
vue之自定义指令
在vue中有很多指令,例如:v-on v-bind v-model v-for v-if等等,通过这些指令,可能也能最终达到我们需要的效果,为何要弄个自定义指令呢?通过使用自定义指令,我们会发现它对dom的操作更加方便、更灵活、可复用(全局)。接下来就详细介绍一下自定义指令的使用。一、自定义指令的分类:1 全局自定义指令:顾明私有,全局的元素都可以使用这个指令,通过一个小栗子我们简单了...原创 2020-04-06 21:40:59 · 269 阅读 · 0 评论 -
vue之路由(基础)
一、路由的作用是什么?通过它可以进行视图的切换,比如tab切换二、vue路由中涉及到的一些属性(部分)active-class : 激活样式设置,可以自定义一个css样式,如 active-class=“test”to: 指定路由的名称 如:to=’/position/index’tag: 指定router-link最终解析的样式,默认解析成超链接(a标签)如:tag=‘li’exa...原创 2020-04-04 01:44:42 · 265 阅读 · 1 评论 -
VUE之生命周期
在vue中存在“两个生命周期”:vue实例生命周期,组件生命周期。生命是什么周期?简单来说生命周期就是指一个对象的生老病死。当然我们这里肯定不是啦。在vue中生命周期指的是从beforeCreate到destroyed的过程。生命周期中的钩子函数vue的生命周期中包括这些钩子函数,分别是:beforeCreate、created、beforeMount、mounted、beforeUpda...原创 2020-04-02 21:12:32 · 226 阅读 · 0 评论 -
VUE组件之数据共享
vue中数据的传递主要有以下几种情况:1 在dom中直接调用父组件中的data数据2 在子组件中调用父组件的data数据3 在父组件中调用子组件的data数据4 在孙子组件中调用子组件的数据5 在子组件调用孙子组件的数据一、在dom中直接调用父组件的数据简单来说就是怎么取出父组件的data数据。1 一般我们可以直接使用{{属性名}}的属性,代码如下:<div id="te...原创 2020-04-02 18:05:10 · 630 阅读 · 0 评论