Vue.js
文章平均质量分 60
CcoooH
努力努力再努力
展开
-
Vue自定义指令
自定义指令全局指令指令定义对象钩子函数钩子函数参数使用局部指令实现按下enter后,光标自动跳转下一个输入框除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。对普通 DOM 元素进行底层操作。全局指令// 注册一个全局自定义指令 `v-focus`Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { // 聚焦元素 el.focus()原创 2021-08-18 12:49:24 · 153 阅读 · 0 评论 -
vue中axios基础用法
目录安装引入简单使用传递相关配置来创建请求请求配置配置默认值全局的 axios 默认值自定义实例默认值配置的优先顺序安装npm install axios引入import axios from 'axios'简单使用//getaxios.get('https://autumnfish.cn/api/joke/list',{ params:{ num:3 } }).then(res=>{ console.l原创 2021-08-13 15:59:51 · 221 阅读 · 0 评论 -
VueX笔记
VueX简介安装使用简介VueX是Vue项目开发的状态管理工具。在具有VueX的Vue项目中,我们只需要把这些值定义在VueX中,即可在整个Vue项目的组件中使用。安装1.在项目文件目录下用npm安装Vuexnpm install vuex --save2.然后在项目根目录下新建store文件夹,文件夹内创建index.js3.初始化新建index.js里的内容import Vue from 'vue'import Vuex from 'vuex'//挂载VuexVue.use(原创 2021-08-06 19:05:53 · 70 阅读 · 0 评论 -
Vue中for循环相关用法示例
zzz1. v-for遍历数组里的对象 <ul id="example"> <li v-for="(item,index) in arr"> {{index+1}}-{{item.msg}} </li> </ul> var example = new Vue({ el: "#example", data: { arr: [原创 2021-02-26 16:23:29 · 386 阅读 · 0 评论 -
Axios简单用法
Axios是什么Axios 是一个网络请求库,内部为ajax,但是封装后使用更加便捷,可以很方便的和其他框架和库结合。Axios 是基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。特性从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRF安装使用 npm:$ npm install axios使原创 2021-02-22 23:46:40 · 148 阅读 · 2 评论 -
Vue基础学习笔记
Vue.js 是什么一套用于构建用户界面的渐进式框架,与其它大型框架不同的是,可以自底向上逐层应用。Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统例:<div id="app"> {{ message }}</div>var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' }})Hello Vue!每个 Vue 应用都是通过用原创 2021-02-20 20:45:13 · 244 阅读 · 3 评论