在执行npm install执行报错node-sass
摘要:1 错误信息 这个错误信息不是我当时的报错信息,是网上找的,报错的时候忘记存了,处理好了又找不到错误信息,就从网上找的差不多的错误信息 gyp ERR! configure error gyp ERR! stack Error: Can't find Python executable "C:\Us
阅读全文
Vue33 使用nvm管理nodejs
摘要:1 nvm简介 NVM:Node Version Manage,即Node的版本管理工具。使用NVM,可以按照nodejs,可以进行版本切换,可以卸载nodejs等等。 由于项目开发当中,不同的项目可能依赖不同版本的NodeJS,这种情况下,NodeJS版本的切换将会是一件非常麻烦的事情。因此,使用
阅读全文
Vue32 插槽
摘要:1 简介 是一种组件间通信的方式,让父组件可以向子组件指定位置插入 html 结构。子组件中的提供给父组件使用的一个占位标签,用<slot></slot> 表示,父组件可以在这个占位符中填充任何模板代码,如 HTML、组件等,填充的内容会替换子组件的<slot></slot>标签。简单理解就是子组件
阅读全文
Vue31 消息订阅和发布
摘要:1 简介 组件之间的通信除了使用事件总线之外,还可以使用一些插件来通过消息的订阅和发布来实现。pubsub-js就是一个不错的选择。 2 使用 2.1 安装 npm i pubsub-js # 或 yarn add pubsub-js 2.2 引入 分别在发布消息(提供数据)的组件和订阅消息(获取数
阅读全文
Vue30 过度与动画
摘要:1 简介 Vue封装的过度与动画,插入、更新或者移除 DOM 时,在合适的时候给元素添加样式类名,达到应用过渡和动画效果。 2 vue内置的样式 Vue在元素显示与隐藏的过渡中,提供了 6 个 class 来切换: 1)v-enter:定义进入过渡的开始状态。在元素被插入之前生效,在元素被插入之后的
阅读全文
Vue29 $nextTick
摘要:https://www.jianshu.com/p/f1906903b609 1 介绍 Vue 在修改数据之后,视图不会立即更新,而是等待同一事件循环中的所有数据变化完成之后,再统一进行视图更新。而 nextTick 的触发时机就是在重新渲染完毕后 官方说明:在下次DOM更新循环结束之后执行延迟回调
阅读全文
Vue29 自定义事件及消息总线
摘要:1 简介 组件自定义事件是一种组件间的通信方式,方向是 子组件 >父组件。 使用场景:A是父组件,B是子组件,如果要把B的数据传给A,可以使用props加回调函数实现或者自定义事件实现。 2 自定义组件 主要分为两个步骤:1绑定事件回调函数 2触发事件 2.1 绑定事件回调函数 它有两种写法 1)在
阅读全文
Vue28 Web Storage
摘要:https://www.jianshu.com/p/513f6949fc25 1 简介 Web Storage 包括 localStorage 和 sessionStorage ,是浏览器本地数据存储的另一个方案,最开始提出来是为了弥补 Cookie 本地化数据存储的缺陷(存储量小、每次请求都会携带
阅读全文
Vue27 scoped样式
摘要:https://www.jianshu.com/p/d80383251fc5 1 简介 当我们在组件中写样式,vue最后会把所有样式合在一起,如果样式名称重复的话就会有问题 style标签上加scoped属性, 组件内的样式只在当前vue组件生效,实现组件的私有化,不对全局造成样式污染,表示当前st
阅读全文
Vue 26 plugins
摘要:1 简介 它是用来增强vue的。它是包含install方法的一个对象,install的第一个参数是Vue,第二个以后参数是插件使用者传入的参数 插件里面可以配置全局过滤器、全局指令、混入、Vue原型上添加方法属性等 2 定义一个插件 1)plugin.js export default { inst
阅读全文
Vue25 mixin
摘要:1 简介 混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。 简单来说,就是把组件的某些配置可以抽取出来,达到复用的效果。比如几个组件都用到一个方法,就可以把
阅读全文
Vue 24 props
摘要:1 简介 props主要用于组件的传值,他的工作就是为了接收外面传过来的数据,与data、el、ref是一个级别的配置项 2 一个简单示例 1)StudentComp.vue <template> <div> <h1>{{stname}}</h1> <h1>{{age}}</h1> </div> <
阅读全文
Vue23 ref属性
摘要:1 简介 在js中,我们获取一个元素可以通过document.getElementById()去获取,在vue中,使用了ref属性来替代id,通过ref属性可以获取html元素以及vue组件实例对象 它被用来给元素或子组件注册引用信息(ID的替代者) 该属性应用在html元素时,获取的是dom元素对
阅读全文
Vue22 VueCli 脚手架
摘要:1 简介 CLI 是 Command-Line Interface, 翻译为命令行界面, 但是俗称脚手架 Vue CLI是一个官方发布 vue.js 项目脚手架 使用 vue-cli 可以快速搭建 Vue 开发环境以及对应的 webpack 配置. VueCLI是一个官方发布vue.js项目脚手架,
阅读全文
Vue21 组件
摘要:1 模块及组件简介 组件(component)是vue.js最强大的功能之一。组件的作用就是封装可重用的代码,通常一个组件就是一个功能体,便于在多个地方都能够调用这个功能体。 每个组件都是Vue的实例对象。 我们实例化的Vue对象就是一个组件,而且是所有组件的根组件。 组件可以很好地把代码分成一块块
阅读全文
Vue20 生命周期
摘要:转:https://blog.csdn.net/weixin_45791692/article/details/124045505 1 简介 Vue的生命周期就是vue实例从创建到销毁的全过程,也就是new Vue() 开始就是vue生命周期的开始。 Vue 实例有⼀个完整的⽣命周期,也就是从开始创
阅读全文
Vue19 常用指令及自定义指令
摘要:部分转自:https://blog.csdn.net/weixin_58032613/article/details/122759818 1 常用指令 1) v-bind 单向数据绑定 https://www.cnblogs.com/jthr/p/16390591.html 2 ) v-model
阅读全文
Vue18 过滤器
摘要:1 简介 过滤器(filter)是输送介质管道上不可缺少的一种装置,大白话,就是把一些不必要的东西过滤掉,过滤器实质不改变原始数据,只是对数据进行加工处理后返回过滤后的数据再进行调用处理,我们也可以理解其为一个纯函数。 Vue 允许你自定义过滤器,可被用于一些常见的文本格式化 ps: Vue3中已废
阅读全文
Vue17 手机表单数据
摘要:1)v-model.trim trim修饰符是去掉前后空格 2)type="number" v-model.number type="number":只能输入数字 v-model.number:以数字格式接收数据,否则是字符串接收 3)单选type="radio" 多个选项input的name值相同
阅读全文
VUE16 检测数据变化的原理
摘要:部分转自:https://www.vue-js.com/topic/6129d7d661c8f900316ae37a 1 简介 Vue采用MVVM(数据驱动视图)的模式,去充当MVVM中的VM层,在数据层与视图层间做双向响应,使前端开发可以通过只改变数据,进而改变视图,其中用到的原理便是JS新提供原
阅读全文
Vue15 v-for和key的作用及原理
摘要:部分转自https://blog.csdn.net/cun_king/article/details/120714227 1 v-for指令 1.1 简介 用于遍历。 当在组件中使用 v-for 时,key 现在是必须的。它需要一个唯一id 1.2 遍历数组 <template> <p v-for=
阅读全文