Vue - 随笔分类(第2页) - zhishiyv

nextTick

摘要：nextTick 场景在Vue生命周期的created()钩子函数进行的DOM操作一定要放在Vue.nextTick()的回调函数中,因为在created()钩子函数执行的时候DOM 其实并未进行任何渲染，而此时进行DOM操作无异于徒劳，所以此处一定要将DOM操作的js代码放进Vue.nextTi 阅读全文

posted @ 2021-11-04 17:40 zhishiyv 编辑

nextTick和setTimeout对比

摘要：nextTick和setTimeout对比（代码编译 uni-app小程序）例1 this.$nextTick(()=>{ console.log("2"); this.$nextTick(function(){ console.log("4"); setTimeout(()=>{ consol 阅读全文

posted @ 2021-11-04 17:08 zhishiyv 编辑

process.env.NODE_ENV

摘要：process对象是全局变量，它提供当前node.js有关信息，以及控制当前node.js的有关进程。因为是全局变量它对于node应用程序是始终可用的，无需require。既然process都是一个对象，env自然是它的一个属性，这个属性返回包含用户环境信息的对象。在终端输入node后，在输入pr 阅读全文

posted @ 2021-04-17 17:59 zhishiyv 编辑

宏任务和微任务

摘要：宏任务和微任务微任务 microtask称为jobs, 宏任务 macrotask称为task, 宏任务是由宿主发起的，而微任务由JavaScript自身发起。常见的面试题： console.log('start') setTimeout(()=>{ console.log('setTimeou 阅读全文

posted @ 2021-04-07 10:29 zhishiyv 编辑

遍历一个对象

摘要：v-for 来遍历一个对象的 property HTML： <div v-for="(value, name) in object"> {{ name }}: {{ value }} </div> Javascript： new Vue({ el: '#v-for-object', data: { 阅读全文

posted @ 2021-03-16 18:21 zhishiyv 编辑

vue-qriously 生成二维码

摘要：vue-qriously 介绍：可以使用qrious在HTML Canvas上绘制QR码的vue组件。安装 npm install vue-qriously --save-dev 使用 <template> <qriously id='mycanvas' :value="value" :size 阅读全文

posted @ 2021-01-29 14:11 zhishiyv 编辑

vue的ref属性

摘要：ref 被用来给元素或子组件注册引用信息，引用信息将会注册在父组件的

r e f s 对 象 上 ， 如 果 在 普 通 的 D O M 元 素 上 使 用 ， 引 用 指 向 的 就 是 D O M 元 素 ， 如 果 用 在 子 组 件 上 ， 引 用 就 指 向 组 件 实 例 。 <! - - v m .

$refs对象上，如果在普通的DOM元素上使用，引用指向的就是DOM元素，如果用在子组件上，引用就指向组件实例。  <p ref="p">hello</ 阅读全文

posted @ 2021-01-28 14:04 zhishiyv 编辑

搭建vue开发环境

摘要：搭建vue开发环境 C:\Users\16335>node -v v10.16.0 C:\Users\16335>vue-cli 'vue-cli' 不是内部或外部命令，也不是可运行的程序或批处理文件。 C:\Users\16335>npm install vue npm WARN saveErr 阅读全文

posted @ 2021-01-28 10:41 zhishiyv 编辑

Vue data对象隔离问题

摘要：vue 中组件经常会遇到复用的情况，这时就要注意，vue 组件中的 data 数据应当相互隔离，互不影响，组件每复用一次，都有一个私有的数据空间，可以维护自己的数据。当我们组件的data写成了对象形式，这些实例用的是同一个构造函数，将导致所有的组件实例共用了一个 data ，就会造成一个变了全都会阅读全文

posted @ 2021-01-26 10:14 zhishiyv 编辑

vue @路径问题

摘要：Vue @路径问题疑问？ import store from '@/vuex/store' 与： import store from './vuex/store' 有什么区别？ import store from './vuex/store'是相对路径，代表当前路径同级下vuex下的store i 阅读全文

posted @ 2021-01-25 17:52 zhishiyv 编辑

vue组件

摘要：Vue 组件组件开发模式下，我们的页面就是一堆component组件按照逻辑关系堆砌出来的，组件是Vue非常用特色的功能之一，组件都是模块化开发，组件实例之间的作用域是相互独立的。所有的vue.js组件都是扩展的vue实例 var MyComponent = Vue.extend({ //扩展选阅读全文

posted @ 2021-01-25 11:08 zhishiyv 编辑

数组方法分类

摘要：数组方法从是否改变数组分为两列：会改变原始数组的方法称之为变异方法，例如：... 不会改变原始数组，总是返回一个新数组的方法称之为非变异方法, 例如：... 阅读全文

posted @ 2021-01-25 10:28 zhishiyv 编辑

Vue过滤数组副本

摘要：有时，我们想要显示一个数组的过滤或排序副本，而不实际改变或重置数据。在这种情况下，可以创建返回过滤或排序数组的计算属性。例如： <li v-for="n in evenNumbers">{{ n }}</li>......export default{ ... data: { numbers: [ 阅读全文

posted @ 2021-01-25 10:15 zhishiyv 编辑

VUE单文件剖析

摘要：单个vue文件父组件： template部分： <div class="main-cell"> <div class="line-charts-cell">   <!-- v-前缀作为一种视觉提示，用来识阅读全文

posted @ 2021-01-14 18:02 zhishiyv 编辑

Vue 就地复用策略

摘要：官方文档原话：当 Vue 正在更新使用 v-for 渲染的元素列表时，它默认使用“就地更新”的策略。如果数据项的顺序被改变，Vue 将不会移动 DOM 元素来匹配数据项的顺序，而是就地更新每个元素，并且确保它们在每个索引位置正确渲染。以下是某知乎大佬的解释，笔者在这里拾人牙慧了。代码的抽象 < 阅读全文

posted @ 2020-11-19 16:51 zhishiyv 编辑

v-for

摘要：Vue 知识点 v-for 语法 v-for 指令以 item in items 形式，来渲染一个列表，其中items是源迭代数据，而item是被迭代数据的元素。在v-for值中，我们可以访问所有父作用域的property。多数情况下，v-for 还支持第二个参数，既当前项的索引。也可以用of 阅读全文

posted @ 2020-09-21 10:39 zhishiyv 编辑

router 跳转页面

摘要：vue页面跳转： 1、标签跳转： <router-link to='two.html'><button>点我到第二个页面</button></router-link> 2、html点击事件跳转： html : <button @click="hreftwo" class="test-one">点我到阅读全文

posted @ 2020-01-02 22:10 zhishiyv 编辑

nodejs的依赖打包

摘要：nodejs中package.json中的依赖项存在于每个项目自己的node_modules文件夹，而不能在多个项目之间共用一套node_modules(像Java中的Maven一样) 依赖管理是每个现代语言的标配，依赖管理和打包工具是两个概念，npm是依赖管理，webpack是打包工具。（在Jav 阅读全文

posted @ 2020-01-02 00:50 zhishiyv 编辑

vue如何自定义一个过滤器

摘要：vue如何自定义一个过滤器？ html代码： <div id="app"><input type="text" v-model="msg" />{{msg| capitalize }}</div>JS代码： var vm=new Vue({el:"#app",data:{msg:''},filter 阅读全文

posted @ 2020-01-01 23:29 zhishiyv 编辑

随笔分类 - Vue