vue2
文章平均质量分 68
vue2为基础
代码caigou~旺旺旺
“虽然现实总是比想象的难,但是我们也是比想象更强大的人。”
“勇敢的人先享受世界。”
展开
-
vue-router
to:字符串/对象;replace:设置成replace属性的话,当点击时,会调用router.replace(),而不是router.push();active-class:设置激活a元素后应用的class,默认是route-link-active;exact-active-class:链接精准激活时,应用于渲染的< a >的class,默认是route-link-exact-active;一共7个钩子函数,除了afterEach。原创 2024-03-12 15:41:48 · 1398 阅读 · 0 评论 -
Vue2.0+AntvX6—边 Edge
Vue2.0+AntvX6—边 Edge原创 2022-08-22 00:50:52 · 3889 阅读 · 0 评论 -
Vue2.0+AntvX6—节点 Node
Vue2.0+AntvX6—节点 Node原创 2022-08-22 00:24:36 · 2167 阅读 · 0 评论 -
Vue2.0+AntvX6—基类Cell
vue2.0 AntvX6 基类Cell 学习官网的包含自己的一些理解,日后会慢慢完善补充原创 2022-08-21 23:57:24 · 2884 阅读 · 0 评论 -
Vue2.0+AntvX6——画布graph
vue2.0 vue antv-x6 的画布基本常用的属性原创 2022-08-21 14:56:50 · 4640 阅读 · 5 评论 -
Vue2.0+AntvX6基础用法
vue2.0 antv-x6原创 2022-08-20 18:35:57 · 2454 阅读 · 0 评论 -
vue2:mixin混入
官网定义:混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。本人简单粗暴的理解:1.一个可以存储公共数据、公共方法的js文件,那个组件使用那个组件就引入;2.分为全局混入,局部混入;3.使用时注意变量不要重名。全局混入的使用1.定义:mixin_global.jsexport default { data() { return {原创 2021-06-24 00:15:04 · 261 阅读 · 0 评论 -
vue2生命周期,执行一下,就知道了
<template> <el-button type="danger" round @click="Updatapage">页面更新一下</el-button></template><script>export default { name: 'LifeCycle', data() { return { testInfo: '生命周期更新前' } }, beforeCreate() {al原创 2020-07-18 23:47:13 · 171 阅读 · 1 评论 -
vuex:简单易上手版本
一、废话不多说,直接上代码看代码前先扫一眼文件结构:二、store/index.jsimport Vue from 'vue';import Vuex from 'vuex';import state from './state.js';// import * as A from ".././wenjian.js"// 会将 wenjian 中所有 export 导出的内容组合成一个对象A返回;import * as getters from './getter.js';import原创 2020-07-18 23:28:45 · 227 阅读 · 0 评论 -
vue:slot插槽简单的理解与使用
slotslot是父组件与子组件的通讯方式,可以将父组件定义的模块显示在子组件中。使用实例:显示效果:父组件代码:html部分 <div> <h1>slot 父组件</h1> <div class="title"></div> <SlotComponents :infoData="infoData"> 没有命名的slot会显示这行字吗?? <!-- vue 循环数组&a原创 2020-05-23 18:37:33 · 798 阅读 · 0 评论 -
vue:数组改变,但视图没有更新
方法一:使用vue能监听到的方法push ,slice ,splice ,pop,unshift,shift等;方法二://参数:数组,索引(下标),值this.$set(arrtemp,2,{name: 'xiao4!'})方法三:数组改变之前清空数组(根据需求),再赋值。//清空数组的三种方式:var arr=[1,2,3,4];//No1:arr.length=0;/...原创 2020-05-05 18:40:43 · 1597 阅读 · 0 评论 -
Vue中公共方法~~~~
common.jsexport default { login(){ console.log("处理登录事件的方法") } //...真正的高手会积累很多牛逼的方法~~~}main.jsimport common from "@/assets/common.js"Vue.prototype.common=common;在需要的组件中调用common中的login...原创 2020-05-05 18:13:23 · 422 阅读 · 0 评论 -
Vue中的axios封装
一、下载和安装axiosnpm i axios二、创建http.js作用:环境切换,请求超时,请求拦截,响应拦截,post、get等不同请求方式的封装。//http.jsimport axios from axios;import QS from 'qs';// 引入qs模块,用来序列化post类型的数据,form-data数据类型// -环境的切换:开发、测试、生产if (pr...转载 2020-01-22 02:37:27 · 291 阅读 · 0 评论 -
Vuex很好用
问题1:路由传参用params或query,若参数过多,会导致400;问2:兄弟组件传值;问题3:不同组件使用同一组数据时,避免向后台重复请求。一、下载 :npm install vuex --save二、注册vuex方案一:vuex的数据少//main.jsimport Vue from vue;import Vuex from 'vuex';Vue.use( Vuex )...原创 2020-01-22 01:37:15 · 202 阅读 · 0 评论 -
webpack:vue项目的打包优化
webpack 是一个模块打包器。webpack 的主要目标是将 JavaScript 文件打包在一起,打包后的文件用于在浏览器中使用。一、打包指令: npm run build结果:1.会将项目中 src 目录下所有的文件进行打包,打包到 dist 目录下2.目录结构:index.html 单页面应用的 html 文件static 当前单页应用中所有的静态资源css: ...原创 2019-11-28 01:01:36 · 661 阅读 · 0 评论 -
Vue: EasyUI--Messager(消息窗口)
1.属性名称类型描述默认okstring确定按钮文本。Okcancelstring取消按钮文本。Canceltitlestring消息标题。msgstring要在对话框中显示的消息。iconstring要在对话框上显示的图标类。2.方法名称参数返回值描述alertoptionsvoi...转载 2019-11-11 01:18:27 · 382 阅读 · 0 评论 -
Vue: EasyUI--Form(基本表单)
Form(基本表单)1.用法<Form ref="form" :model="user" :rules="rules" @validate="errors=$event"> <div style="margin-bottom:20px"> <Label for="name" align="top">Name:</Label> ...转载 2019-11-11 00:59:20 · 529 阅读 · 0 评论 -
Vue: EasyUI--安装&DataGrid(数据表格)
一、安装步骤npm install vx-easyui --save//main.jsimport 'vx-easyui/dist/themes/default/easyui.css';import 'vx-easyui/dist/themes/icon.css';import 'vx-easyui/dist/themes/vue.css';import EasyUI from 'vx...转载 2019-11-10 23:14:04 · 1994 阅读 · 0 评论