qq_41417772的博客

问题：使用$nextTick之后获取到的宽高依然是上一张图片的原因：新的图片还没有加载完成就去获取宽高了解决：新的图片加载完后再获取<img @load="onLoad" ref="newImg"/>onLoad() { console.log('图片高度是' + `${this.$refs.newImg.offsetHeight}px`)}...

watch的基本用法：watch:{ watchData: function (value, oldValue) { console.log(value, oldValue) }}但是如果需要监听的数据如下：data: () => ({ tableAll:{ tableData:[] }})则需要用到watch中的deep属性。于是我们写成了这个：computed:{ newTableData(){ return thi

一.实例先来一个示例了解下关于Vue中的DOM更新以及nextTick的作用。<div class="app"> <div ref="msgDiv">{{msg}}</div> <div v-if="msg1">Message got outside $nextTick: {{msg1}}</div> <div v-if="msg2">Message got inside $nextTick: {{msg2}}</

beforeCreated、created、mounted都可。mounted:在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。在此生命周期发起网络请求容易造成页面闪屏问题。

vuex有哪几种属性State、Getter、Mutation 、Action、Module 五种state => 基本数据getters => 从基本数据派生的数据mutations => 提交更改数据的方法，同步！actions => 像一个装饰器，包裹mutations，使之可以异步。modules => 模块化Vuexvuex的State特性是？stae就是存放数据的地方，类似一个仓库 , 特性就是当mutation修改了state的数据的时候，他会动态

修改 config/index.js:module.exports = { dev: { // 静态资源文件夹 assetsSubDirectory: 'static', // 发布路径 assetsPublicPath: '/', // 代理配置表，在这里可以配置特定的请求代理到对应的API接口 // 使用方法：https://vuejs-templates.github.io/webpack/proxy.html proxyTable:

点击跳转

父组件通过v-bind绑定数据：<template> <router-view :yourdata="yourdata"></router-view></template><script>export default { data:function() { return { yourdata:"这是一段测试文字。", } }}</script>

原因：新建的文件没有纳入版本管理，所以会被带到切换的分支解决：1. 在切换分支前，先进行commit2. 先 git stash 再切换分支（再切回来要 git stash pop）

KaTeX parse error: Expected 'EOF', got '#' at position 8: mount(’#̲app’) ： 手动挂载到id…mount(’#app’) ： 创建一个新的Vue实例，并把App挂载到id为app的dom中去

vue和react都实现了一套虚拟DOM，使我们可以不直接操作DOM元素，只操作数据便可以重新渲染页面。而隐藏在背后的原理便是其高效的Diff算法。vue和react的虚拟DOM的Diff算法大致相同，其核心是基于两个简单的假设：1. 两个相同的组件产生类似的DOM结构，不同的组件产生不同的DOM结构。2. 同一层级的一组节点，他们可以通过唯一的id进行区分。基于以上这两点假设，使得虚拟DOM的Diff算法的复杂度从O(n^3)降到了O(n)。当某一层有很多相同的节点时，也就是列表节点时，Diff算

一.计算属性由两部分组成：get和set，分别用来获取计算属性和设置计算属性。默认只有get，如果需要set，要自己添加。另外set设置属性，并不是直接修改计算属性，而是修改它的依赖： computed: { fullName: { // getter get: function () { return this.firstName + ' ' + this.lastName }, // setter set: function (n

有多个Upload组件，上传图片时需要知道是第几个Upload组件 <div v-for="(bannerForm, index) in banner" :key="index"> <Form :ref="bannerForm" :model="bannerForm"> <Upload ref="upload" :on-success="(value)=> handleSu.

<Button :disabled="saveDisable" >保存 </Button> data() { return { saveDisable: false, //初始为非禁用状态 banner: [], } } watch: { banner: { //监听banner handler: function(newVal, oldVal) { this.saveDis.

<template> <el-upload class="avatar-uploader" :action= action :headers="myHeaders" :show-file-list="false" :on-success="handleAvatarSuccess" :befor

scoped私有作用域 作用： 让当前样式只作用于当前组件而不污染全局，scoped通过使用 PostCSS 来实现以下转换：<style scoped>.example { color: red;}</style><template> <div class="example">hi</div></template>转化为：<style>.example[data-v-f3f

需求： 点击表格中某一行的打印按钮，跳转到新的页面，并把这一行的数据呈现出来。