随笔分类 - vue
摘要：vue项目里出现 这样的错误 Failed to compile. ./src/components/edit.vueModule Error (from ./node_modules/eslint-loader/index.js): C:\Users\link\Desktop\elem\src\c
阅读全文
摘要：初学Vue的朋友可能会遇到的一个问题： 原因：这是因为vue的模版中只有能一个根节点template，所以在<template>中插入第二个元素就会报错 解决方案： 将<template>中的元素用一个大的<div>包起来，这样就可以在其中添加多个元素了，可以参考以下示例：
阅读全文
摘要：新到一家公司，做的第一件事就是搭建环境，把原有项目跑起来，为了方便大家安装环境，特总结了一下，供新入职的朋友使用，此篇为原创，使用顺手的话希望你可以点个赞！ 一.安装项目 git node.js(含npm),cnpm(淘宝镜像)，yarn vue/cli 创建vue项目 二.具体操作 1.git 作
阅读全文
摘要：先说几个概念： 1.响应式reactive：当你修改数据时，视图会进行更新 2.劫持：使用Object.defineProperty对data选项进行遍历并添加getter/setter钩子 3.依赖收集：当第一次touch时，把当前声明式变量的更新方法watcher添加到dep依赖数组中 4.Wa
阅读全文
摘要：1、侦听器（监听器） watch选项 作用：用于监听一个变量的变化，然后去做另一件事儿。 特点：当侦听器监听引用数据类型时，默认只能监听引用数据类型的第一层。为什么要这样？监听深度越深，Vue在背后要做的事儿越多，这是一种性能损耗，所以一般不要对一个引用类型的变量进行深度监听。 如何监听引用数据类型
阅读全文
摘要：在 Vue，除了核心功能默认内置的指令 ( v-model 和 v-show )，Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。 Vue 自定义指令有全局注册和局部注册两种方式。先来看看注册全局指令的方式，通过 Vue.directive( i
阅读全文
摘要：1.常用的vue指令有哪些？你怎么理解指令？ 指令就是vue内置的一套“模板”（都是以v-*），用于在视图节点上动态绑定变量（表达式）的。指令实际上是DOM功能的抽象，所以指令实际上也是DOM操作。 指令的“值”是表达式，所以大家要理解什么是表达式 1、文本类指令：{{}}文本插值、v-text、v
阅读全文
摘要：什么是指令？就是vue内置的一套“模板”（都是以v-*），用于在视图节点上动态绑定变量（表达式）的。指令实际上是DOM功能的抽象，所以指令实际上也是DOM操作。 指令的“值”是表达式，所以大家要理解什么是表达式。 1、文本类指令：{{}}文本插值、v-text、v-once、v-cloak、v-ht
阅读全文
