Vue
文章平均质量分 70
Y一蓑烟雨任平生
如果有来生,要做一棵树,站成永恒,没有悲伤的姿势:一半在尘土里安详,一半在空中飞扬;一半散落阴凉,一半沐浴阳光。非常沉默非常骄傲,从不依靠从不寻找。
展开
-
Vue组件(点击返回顶部)
在components文件夹下创建 ClientHeight.vue 和 index.js 文件 //ClientHeight.vue配置 <template> <div class="th-back-top" v-show="flag" @click="clickHidden"> <span class="bg-back2top2"></span> </div> </template> <s.原创 2020-09-12 22:48:14 · 120 阅读 · 0 评论 -
Vuex随笔
Vuex 本质上使用Vuex的原因其实是组件之间的数据交互过于复杂,重点在于当组件过多时,数据的传递就会不可控,所以引入 Vuex 是一个专门为 Vue.js 应用程序开发的状态管理模式。它采用集中式管理应用的所有组件的状态,并以相应 的规则保证状态以一种可预测的方式发生变化。 回顾数据传递方式:props , 自定义事件$emit(.sync) , EventBus , $parent , $root,vuex 。 组件较少的情况下传递数据可以使用EventBus ; 组件特别多,而且对数据要求可原创 2020-09-12 13:46:54 · 109 阅读 · 0 评论 -
Vue Axios请求随笔
Axios请求 Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 Axios特性 1. 从浏览器中创建 XMLHttpRequests 2. 从 node.js 创建 http 请求 3. 支持 Promise API 4. 拦截请求和响应 5. 转换请求数据和响应数据 6. 取消请求 7. 自动转换 JSON 数据 8. 客户端支持防御 XSRF 安装 npm install axios -S 全局引用 import axios from 'axi原创 2020-09-12 12:57:38 · 270 阅读 · 0 评论 -
Vue封装网络请求
请求成功和请求失败 请求成功之后,获取结果的成功与失败 工作中网络请求的数据有很多,所以我们需要将网络请求封装 准备工作:src文件夹下创建utils文件夹,在utils文件夹下创建request.js文件 //封装网络请求 import $axios from "axios" import qs from "query-string" // 错误信息的响应方法 const errorHandle = (status,other) => { switch(status)原创 2020-09-12 10:17:39 · 211 阅读 · 0 评论 -
Vue Router随笔
用 Vue.js + Vue Router 创建单页应用,是非常简单的。 安装 :npm install --save vue-router 引入并使用:main.js文件中引入全局使用 import VueRouter from ‘vue-router’ Vue.use(VueRouter) 创建路由实例 const router = new VueRouter({ routes //es6(缩写) 相当于 routes: routes }) 挂载到Vue根实例上 new原创 2020-09-12 12:50:00 · 141 阅读 · 0 评论 -
Vue随笔
Vue 是一套构建用户界面的渐进式框架,与其他框架不同的是,Vue可以自底向上逐层应用。Vue的核心库只关注视图层易于上手,还便于与第三方库或既有项目整合。兼容性:Vue不支持IE8及以下版本,因为Vue使用了无法模拟的ES5特性,但它支持所有兼容ES5的浏览器。 Vue虽然没有完全遵循MVVM模型,但是 Vue 的设计也受到了它的启发。因此在文档中经常会使用 vm (ViewModel 的缩写) 这个变量名表示 Vue 实例。 开发者工具:再使用Vue时,推荐再浏览器上安装Vue Devtools。它原创 2020-09-12 10:01:37 · 188 阅读 · 0 评论