Vue快速上手

安装 使用脚手架安装 在使用Vue脚手架创建项目时，在项目选项中选择使用vur-router，项目创建后安装项目依赖的时候会自安装。 手动安装 在项目目录中使用终端命令npm install vue-

案例介绍 这章节主要是讲解一个小案例用于加深并更深入理解前面所学的基础知识，这是一个事务管理的案例，虽然简单但是新手入门练习特别典型，这里面使用一些ES6的数组方法，如：forEach、filter、

上一章讲了组件将JS中的状态值传其它组件，但是如果是需要传模板内容(HTML代码)传给子组件来达到灵活使用组件的功能, 要实现这一功能就不得不说一下插槽了。 基本使用 使用方法： 父组件直接在子组件标

使用组件 使用其它组件有三个步骤： 1、导入组件：使用import将.vue文件导入本组件。 2、注册组件：使用components属性注册组件。 3、在模板板中使用：在template部分直接使用组

每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤，比如设置好数据侦听，编译模板，挂载实例到 DOM，以及在数据改变时更新 DOM。在这些过程中，它也会运行被称为生命周期钩子的函数，让开发者有

模板的条件渲染 1、v-show v-show指令可以根据条件显示、隐藏元素，使用格式：v-show = '表达式'，表达式的值为真就显示，为假隐藏。 v-show的隐藏并不会将元素删除，只是给元素加

在上一节曾简单的介绍了一下组件，却是以一个.vue文件的视角来介绍的，这一节我们以JS的视角的介绍一下组件。 既然vue是一个组件化开发的框架，那么布局、样式、事件交互、数据以及数据处理等功能肯定是一

前言 在介绍一下vue文件结构之前，先说明一下组件化开发这个概念。组件化开发是将整UI根据结构、是否可复用等逻辑将项目的UI划分不同的独立部分，每个组件内封装自定义内容与逻辑，然后再将这些组件组合起来

这个专栏系列是对有点前端基础但不多的同时需要快速上手Vue做项目的人群。如果是HTML+CSS+JavaScript基础比较扎实的人群推荐去阅读Vue官网文档。