当历史只剩罪恶，唯有推倒重来，我们开创文明，我们传承文明，周而复始，生生不息。

逐个弹出文字

列表自定义列实现实现方法：一、初始化设置data() 方法中配置 //表头 columns:[], //列设置settingColumns:[],//列定义defColumns: [{ title: '#', dataIndex: '', key: 'rowIndex', width: 60, align: "center",

vue 跨域解决

vue有两种生成二维码的方式，qrcode、vue-qr（有icon）

vue集成openinstall。

列表自定义列实现功能预览：实现方法：一、初始化设置data() 方法中配置 //表头 columns:[], //列设置settingColumns:[],//列定义defColumns: [{ title: '#', dataIndex: '', key: 'rowIndex', width: 60, align: "center",

jeecg 开发过程中碰到的问题需求：非组件时显示图片与文件问题：图片未曾正确显示原因：地址不对解决方法：加一句调用地址的语句代码如下：//item image 是循环的地址// 一：直接拼接，然后在html中使用window._CONFIG['staticDomainURL']+'/'+item// 二。分开拼接：直接在html中使用<img :src="`${staticDomainURL}/${image}`" alt="">//data 中定义stat

动态绑定CSS样式绑定了changeColor样式,changeC是判断条件，根据条件changeC控制css加与不加<div v-bind:class="{changeColor:changeC}" v-on:click="changeC=!changeC"> <span>示例一</span></div>

jeecgboot安装webpack时报错npm install webpack -g // 全局安装npm install webpack --save-dev // 项目内安装错1：TypeError: Class extends value undefined is not a constructor or null$ vue-cli-service build ⠋ Building for production... ERROR TypeError: Class extends

vue2.0给对象新增属性，并出发视图更新、如下代码，给student对象新增age属性data() { return { student:{ name:'', sex:'' } } }众所周知，直接给student赋值操作，虽然可以新增属性，但是不会出发视图更新mounted() { this.student.age = 24}原因是： 受 ES5 的限制，Vue.js 不能检测到对象属性的添加或

1.安装vuex依赖包npm install vuex --save2.导入vuex包import Vuex from 'vuex'Vue.use(Vuex)3.创建store对象const store = new Vuex.Store({ // state中存放的就是全局共享的数据 state: {count:0}})4.将store对象挂载到vue实例中new Vue({ el:"#app", render:h => h(app), r.

需求：表格的表头，需要动态改变效果图方法动态改变columns ，通过push改变关键代码find(arr, str) { this.findTF = false; arr.forEach(item => { if (item.title == str) { return this.findTF = true; } })},find2(arr, str) { this.findTF2 = false; arr.forEach(item =

Vue中子组件调用父组件的方法，三种方法第一种方法是在子组件中通过this.$parent.event来调用父组件的方法父组件：<template> <div> <child></child> </div></template><script> import child from '~/components/child'; export default { components:

一、VueX概述vuex是实现组件全局状态（数据）管理的一种机制，方便的实现组件之间数据的共享。使用vuex统一管理状态的好处2.1 能在vuex中统一管理共享的数据，易于开发和维护2.2 能够高效的实现组件之间数据的共享，提高开发效率2.3 存储在vuex中的数据都是响应式的，能够实时保持数据与页面的同步什么时候使用？一般情况下，在项目比较大时，将组件中共享的数据，存到vuex中。二、 vuex的基本使用安装vuex依赖包npm install vuex --sa

需求：表格的表头，需要动态改变效果图实现步骤：一、表头数据columnscolumns: [ { // title:'y1', scopedSlots:{ title:'y1' }, align:"center", dataIndex: 'y1' }, { // title:'y2', scopedSlots:{ title:'y2'

vue 部分高级$set(name,index,value)更新name数据的第index项目，并强制更新视图$nextTickdom节点渲染完毕的回调函数动态组件<component :is="xxxx"/>混合mixins组件实现 v-model语法糖，简写形式实现组件数据的双向绑定modal:(props:“value”,event:“input”).sync子组件与赋值数据的双向绑定的简写:visible.sync = “xxx”...

vue 面试题vue的 模板template会编译成什么？答案：vue的模板实际上被编译成了render渲染函数，渲染函数执行并返回虚拟dom节点请用js对象形式描述html标签（js模拟dom节点，虚拟dom）<p> <a>内容</a> <span>行内</span></p>虚拟dom描述1. 标签名tag2. 属性 attrs/propertys3. 子节点 children{tag:"p

vue中 关于$emit，props的用法父组件使用 props 把数据传给子组件子组件使用 $emit 触发父组件的自定义事件子组件：child.vue<template> <div class="child"> <h3>接收父组件传递过来的值：{{sendData}}</h3> <br/> <button @click='toParent'>点击将子组件内容传递给父组件</button

优化目标：让用户感觉好感觉加载快：加快首屏的加载速度加载提示提示骨架屏优化手段图片懒加载lazyloadjs懒加载component：（）=import(xxx.vue)js css按需加载动态导入vant需要的组件prefetch 提前加载缓存a. vue缓存 b. 浏览器缓存 getc. 内容(hash)缓存（二次加载速度的支持）d. 当内容发生更改的时候，文件更改（不缓存）当内容不发生更改，文件名保持一致（缓存）三个要求提高首屏加载

vue几道面试题1.VUE组件data为什么必须是函数答：Vue组件可能存在多个实例，如果使用对象形式定义data，则会导致它们共用一个data对象，那么状态变更将会影响所有组件实例，这是不合理的。采用函数形式定义，在initData时会将其作为工厂函数返回全新的data对象，有效规避多实例之间状态污染问题。而在Vue根实例创建过程中则不存在该限制，也是因为根实例只能有一个，不需要担心这种情况。作者：Sunshine_0676链接：https://www.jianshu.com/p/c2e39b

目录vue 官网MVVM模式的理解VUE双向绑定原理生命周期v-modelVUE初始化闪动watch和computed的优缺点与区别VUE通信Vue性能优化方法VUE-Routerhistory模式路由守卫动态路由VUEXVUE nextTick虚拟DOM和Diff算法原理render函数vue 官网vue官网连接MVVM模式的理解MVVM 是 Model-View-ViewModel 的缩写。Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。View代表UI 组件，它负

mockjs 基础使用作用：拦截ajax，生成随机数据使用方法1.安装：npm install mockjs -D2。导入import Mock from ‘mockjs’或const Mock = require(“mockjs”)3。 配置拦截Mock.mock(url,type,{})Mock.mock(url,{})Mock.mock(url,type,function(){return {}})4。 在main.js导入配置项...

axios 基础特征：从浏览器中创建XMLHttpRequest从node.js发出http请求支持Promise API拦截请求和响应转换请求和响应数据取消请求自动转换JSON数据客户端支持防止CSRF/XSRF作用ajax工具包promise支持请求和响应的拦截nodejs和网页端都可以使用使用1，安装 npm install axios -S2. 导入挂载 import axios from 'axios' vue.prototype.$http =

prototype实例的公用方法和属性<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="text/javascript"> //函数类 function Person(name,age){ this.name = n

mockjs 前后端分离（让前端攻城师独立于后端进行开发） 增加单元测试的真实性（通过随机数据，模拟各种场景） 开发无侵入（不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据） 用法简单（符合直觉的接口） 数据类型丰富（支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等）方便扩展（支持支持扩展更多数据类型，支持自定义函数和正则）安装npm install mockjs使用 Mockvar Mock = require('mockjs')

导航条 动态居中效果：备注都在代码里了，各位看官请自便。代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .wrap{ height: 200px; width: 820px; background-color: #f0f0f0; white-spa

同一页面切换<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .pages>div{ display: none;} /* 让pages直接子元素div全部隐藏 */ </style> </head> <body> <p>&lt

效果如上，代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="./vue.js" type="text/javascript" charset="utf-8"></script> <style type="text/css"> *{ margin.

ParseInt的两个参数parseInt() 函数可解析一个字符串，并返回一个整数。parseInt(string, radix)string 必需，要被解析的字符串。radix 可选，表示要解析的数字的基数。该值介于 2 ~ 36 之间。如果省略该参数或其值为 0，则数字将以 10 为基础来解析。如果它以 “0x” 或 “0X” 开头，将以 16 为基数。如果该参数小于 2 或者大于 36，则 parseInt() 将返回 NaN。返回值返回解析后的数字。说明当参数 radix

vue 子组件给父组件传参代码中 n2 传参了，n1未传<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="./vue.js" type="text/javascript" charset="utf-8"></script> <style type="text/css"&g

vue 局部组件小案例<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>组件</title> <script src="./vue.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="ap

vue 学习计划列表 ToDoList附上代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="./vue.js" type="text/javascript" charset="utf-8"></script> </head> <body> &l

目录介绍组件基础基本示例组件的复用# ```data```必须是一个函数组建的组织通过 Prop 向子组件传递数据单个根元素介绍组件系统是 Vue 的另一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。仔细想想，几乎任意类型的应用界面都可以抽象为一个组件树：在 Vue 里，一个组件本质上是一个拥有预定义选项的一个 Vue 实例。在 Vue 中注册组件很简单： <div id="app"> <todo-item></todo-

vue 跑马灯效果：代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="./vue.js" type="text/javascript" charset="utf-8"></script> </head> <body> <h3>跑

vue 初学者选项卡切换效果：代码如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script src="./vue.js" type="text/javascript" charset="utf-8"></script> <style type="text/css"> *{

初学者 vue 的简单对话框代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="vue.js" type="text/javascript" charset="utf-8"></script> </head> <body> <h1>

vue 刚入门实现简易计算器如果是刚学习vue，不懂得地方可以问我哦，互相交流能更好的帮助学习。话不多说，亮代码最重要。。。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="./vue.js" type="text/javascript" charset="utf-8"></script