摘要： 1 简介 混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。 简单来说，就是把组件的某些配置可以抽取出来，达到复用的效果。比如几个组件都用到一个方法，就可以把 阅读全文

摘要： 1 简介 props主要用于组件的传值，他的工作就是为了接收外面传过来的数据，与data、el、ref是一个级别的配置项 2 一个简单示例 1）StudentComp.vue <template> <div> <h1>{{stname}}</h1> <h1>{{age}}</h1> </div> < 阅读全文

摘要： 1 简介 在js中，我们获取一个元素可以通过document.getElementById()去获取，在vue中，使用了ref属性来替代id，通过ref属性可以获取html元素以及vue组件实例对象 它被用来给元素或子组件注册引用信息（ID的替代者） 该属性应用在html元素时，获取的是dom元素对 阅读全文

摘要： 1 简介 CLI 是 Command-Line Interface, 翻译为命令行界面, 但是俗称脚手架 Vue CLI是一个官方发布 vue.js 项目脚手架 使用 vue-cli 可以快速搭建 Vue 开发环境以及对应的 webpack 配置. VueCLI是一个官方发布vue.js项目脚手架， 阅读全文

摘要： 1 模块及组件简介 组件（component）是vue.js最强大的功能之一。组件的作用就是封装可重用的代码，通常一个组件就是一个功能体，便于在多个地方都能够调用这个功能体。 每个组件都是Vue的实例对象。 我们实例化的Vue对象就是一个组件，而且是所有组件的根组件。 组件可以很好地把代码分成一块块 阅读全文

摘要： 转：https://blog.csdn.net/weixin_45791692/article/details/124045505 1 简介 Vue的生命周期就是vue实例从创建到销毁的全过程，也就是new Vue() 开始就是vue生命周期的开始。 Vue 实例有⼀个完整的⽣命周期，也就是从开始创 阅读全文

摘要： 部分转自：https://blog.csdn.net/weixin_58032613/article/details/122759818 1 常用指令 1） v-bind 单向数据绑定 https://www.cnblogs.com/jthr/p/16390591.html 2 ） v-model 阅读全文

摘要： 1 简介 过滤器（filter）是输送介质管道上不可缺少的一种装置,大白话，就是把一些不必要的东西过滤掉,过滤器实质不改变原始数据，只是对数据进行加工处理后返回过滤后的数据再进行调用处理，我们也可以理解其为一个纯函数。 Vue 允许你自定义过滤器，可被用于一些常见的文本格式化 ps: Vue3中已废 阅读全文

摘要： 1）v-model.trim trim修饰符是去掉前后空格 2）type="number" v-model.number type="number"：只能输入数字 v-model.number：以数字格式接收数据，否则是字符串接收 3）单选type="radio" 多个选项input的name值相同 阅读全文

摘要： 部分转自：https://www.vue-js.com/topic/6129d7d661c8f900316ae37a 1 简介 Vue采用MVVM(数据驱动视图)的模式，去充当MVVM中的VM层，在数据层与视图层间做双向响应，使前端开发可以通过只改变数据，进而改变视图，其中用到的原理便是JS新提供原 阅读全文