vue.js框架

一、实例和组件定义data的区别 vue实例的时候定义data属性既可以是一个对象，也可以是一个函数 组件中定义data属性，只能是一个函数 如果为组件data直接定义为一个对象 则会得到警告信息 警

一、v-show与v-if的共同点 我们都知道在 vue 中 v-show 与 v-if 的作用效果是相同的(不含v-else)，都能控制元素在页面是否显示 在用法上也是相同的 当表达式为true的时

一、什么是SPA SPA（single-page application），翻译过来就是单页应用SPA是一种网络应用程序或网站的模型，它通过动态重写当前页面来与用户交互，这种方法避免了页面之间切换打断

vue指令-v-model修饰符 目标: 让v-model拥有更强大的功能 语法: v-model.修饰符="vue数据变量" .number   以parseFloat转成数字类型 .trim  

Vuex-基本介绍 目标 掌握什么是vuex 了解vuex解决的问题 问题导入 观察下图中的效果： 修改头像之后，左侧菜单和右上角的头像都会跟着变化。 抽象一下这个问题： 思考，如何实现一处数据的修改

单页应用和多页应用 单页面应用: 所有功能在一个页面上实现 一个.html文件 前端路由 组件化开发 网易云音乐 小米移动端 多页应用：与单页应用相对应的，不同的功能通过不同的页面来实现 单页面-多页

✔动态组件 目标效果🔰 需求: 完成一个注册功能页面, 2个按钮切换, 额外封装两个组件：一个填写注册信息, 一个填写用户简介信息 目标: 多个组件使用同一个挂载点，并可以动态切换，这就是动态组件 目

每一个组件中的变量和数据都是独立的，如果别的组件想要访问另一个组件里的数据该怎么做？ 如何解决组件之间通讯呢？ 解决方案： 可以采用父组件传数据给子组件，还可以子组件传数据给父组件。简称父传子，子传父

vue组件生命周期是什么 是一个组件从 创建 到 销毁 的整个过程就是生命周期。 生命周期函数(钩子函数) 作用：在特定的时间，执行特点的操作。

对比一下vue中的指令修饰符和dom事件中的event对象 在说vue中的修饰符之前,我门用的是dom操作中用过的event对象的常用方法/属性。

前言 常用的指令 有v-for指令、v-show指令、v-if指令、v-else-if指令、v-else指令、v-html、v-text指令、v-bind指令 v-on指令、