|
|
|
管理
07 2022 档案
在执行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=
阅读全文
|