敏敏的博

路由是Vue的一个插件，专门用来实现SPA应用。什么是SPA？一个路由就是一组映射关系（key - value），了解Vue路由，看这一篇就够了！！！

* 简单理解，vuex就是一个数据仓库，帮我们保存数据和操作数据的方法，可用模块化+命名的方式存储不同应用场景的数据。* 数据单独存储，这样每个组件都可以读取和操心同一数据，完成组件间通信。* dispatch() => actions{ }* commit() => mutations{ }* 四个map方法用来帮助映射组件中的计算属性，生成与vuex中对象对话的方法* 当state中的数据需要经过加工后再使用时，可以使用getters加工整个vuex的实现流程刚接触起来会比较混乱，API.

文章目录一、搭建脚手架步骤1 全局安装@vue/cli2 创建cli3 启动项目二、分析脚手架文件结构总结一、搭建脚手架步骤需要先安装node.js。使用其自带的npm包管理器工具安装脚手架。关于npm可以查看之前博客：关于npm1 全局安装@vue/cli在cmd中使用如下命令全局安装Vue脚手架(第一次安装)npm install -g @vue/cli如出现下载缓慢请配置 npm 淘宝镜像：npm config set registry https://registry.npm.ta

文章目录前言组件的本质Vue与VueComponent总结前言通过组件的学习，我们发现组件里面的属性和方法与vue实例对象及其的相似，这是什么原因呢？笔者将通过本文阐述一下自己的理解。组件的本质组件本质其实是名为 VueComponent 的构造函数。构造组件时，Vue会自动的帮我们调用Vue.extend() 这个函数，生成一个名为VueComponent 的构造函数。Vue在解析页面时，遇到组件标签，就会帮我们调用这个构造函数创建组件的示例对象，即Vue帮我们执行：new VueComp

文章目录前言一、概念模块和组件单文件组件.vue二、组件的基本使用1、创建组件2、注册组件局部注册全局注册3、编写组件标签组件嵌套总结前言Vue在设计之初借鉴了React框架的组件化编程，将复杂的界面功能封装成一个个的组件，可以大幅提高代码复用率，简化项目编码，提高运行效率。本文简要介绍组件的基本使用。一、概念模块和组件模块。在之前的网页编程中，我们常常将页面某些具体功能的交互部分单独抽离出来，组成一个个.js文件，再将其引入使用，使得编程细化为一个个的模块，构建一个模块化的应用。而Vue

前端开发，简单来讲就是在合适的时间（用户点击等行为）将合适的数据放在页面合适的位置。而Vue为我们提供了八个可以在不同的状态下调用的函数，在关键时刻帮我们调用的这些特殊名称的函数，极大的方便了数据操作。使得程序更有结构化，维护起来也更方便。上述八个生命周期函数在实际开发中最常用的两个为mounted()、beforeDestroy() ，结合上面示意图可以更好的理解使用，方便我们编程时明了何时调用对应函数 该将功能代码放到哪个函数中。

文章目录前言总结前言本文简要记录如何使用Vue收集常见类型的表单数据，以及不同表单类型收集数据时需要注意的几个点。在Vue中我们通常使用v:model命令绑定表单的属性值（通常是value），获取到的属性值就是表单数据。但是不同类型的表单用此命令收集到的对应属性不同（checked）。需要稍做处理后才能获取到我们实际想要的数据。下图表单中包含了常见的表单类型。不同的表单类型获取表单值的方式也不同。总结提示：这里对文章进行总结：例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas

Vue — 模板语法文章目录Vue — 模板语法一、插值语法二、指令语法内置指令自定义指令总结一、插值语法功能用于解析标签体内容写法 ： {{xxx}}xxx是js表达式，且可以直接读取到data中的所有属性示例：<h3>你好，{{name}}</h3>二、指令语法功能 : 解析标签属性、解析标签体内容、绑定事件内置指令v-bind : 单向绑定解析表达式, 可简写为 :xxxv-model : 双向数据绑定v-for : 遍历数组/对象/字符串

文章目录前言一、Vue是什么？二、Vue的特点1.组件化模式2.声明式编码3、使用虚拟DOM+优秀Diff算法三、需要掌握的JavaScript基础知识总结前言正式进入Vue学习啦 ! 尤雨溪大佬我来啦!今天先了解一下Vue的基本概念,以便之后更好地深入学习Vue一、Vue是什么？Vue是一套用于构建用户界面的渐进式JavaScript框架。渐进式呢可以理解为从简单应用(只需一个轻量小巧的核心库)逐渐递进到复杂应用(可以引入各式各样的Vue插件)二、Vue的特点目前市面上的前端框架有很多,