摘要： 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新提供原 阅读全文

摘要： 部分转自https://blog.csdn.net/cun_king/article/details/120714227 1 v-for指令 1.1 简介 用于遍历。 当在组件中使用 v-for 时，key 现在是必须的。它需要一个唯一id 1.2 遍历数组 <template> <p v-for= 阅读全文

摘要： 转：https://blog.csdn.net/weixin_57519185/article/details/121168426 1 简介 通过指令v-show和v-if可以实现条件渲染。 它们都能控制元素在页面是否显示 。当表达式都为 false 时，都不会占据页面位置，当表达式结果为 true 阅读全文

摘要： 1 class样式的动态绑定 1.1 说明 通过命令v-bind:class设置一个对象，动态切换class。可以简写为:class。 class=""可以和:class=""共存 它可以分为三种写法。字符串写法，数组写法，对象写法 1.2 简单示例 绑定之后，就可以操作vm的属性来动态改变样式了 阅读全文