主观能动性是一个哲学概念，亦称“自觉能动性”，它指人的主观意识和实践活动对于客观世界的能动作用。主观能动性有两方面的含义： 一是人们能动地认识客观世界；二是在认识的指导下能动地改造客观世界。在实践的基础上使二者统一起来，即表现出人区别于物的主观能动性。能动性是指对外界或内部的刺激或影响作出积极的、有选择的反应或回答。人的能动性与无机物、有机生命体、高等动物的能动性有别，称为主观能动性，其特点是通过思维与实践的结合，自觉地、有目的地、有计划地反作用于客观世界。
一、基础
简介
Vue(读音 /vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。特性
- 轻量级20kb min + gzip
- 渐进式框架
- 响应式的更新机制
- 学习成本低
-
- beforeCreate->created->beforeMount->mounted->beforeUpdate->updated->beforeDestroy->destroyed。
环境搭建
- 谷歌浏览器
- vs code编辑器
- Nodejs + npm
开干
- 引入vue
- new Vue
- Vue.component及其缺点
- v-on:click简写@click
- v-model
- v-bind
- v-for
- scope作用域
vue cli
- 安装
npm install -g @vue/cli - 单文件组件
- 插槽v-slot
- 安装
二、脚手架
- 安装node
- node -v 查看node版本
- npm是集成在node中的，npm -v 查看npm版本
- Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。
- Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。
- 安装cnpm
- npm install -g cnpm –registry=https://registry.npm.taobao.org
- cnpm -v
- 安装webpack
- npm install webpack -g
- webpack -v
- webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。
- 安装vue cnpm install vue
- 安装vue-cli脚手架构建工具 cnpm install –global vue-cli
- 创建一个基于webpack模板的新项目 vue init webpack project-name
- 安装依赖 cnpm install
- 运行项目 cnpm run dev
三、双向绑定
- 单向绑定非常简单，就是把Model绑定到View，当我们用JavaScript代码更新Model时，View就会自动更新。有单向绑定，就有双向绑定。如果用户更新了View，Model的数据也自动被更新了，这种情况就是双向绑定。
四、自定义指令
五、异步编程
六、组件间传值
七、solt用法
- Slot的通俗理解就是是“占坑”，在组件模板中占好了位置，当使用该组件标签时候，组件标签里面的内容就会自动填坑(替换组件模板中
<slot>位置)，当插槽<slot name=”mySlot”>有命名时，组件标签中使用属性slot=”mySlot”的元素就会替换该对应位置内容。
八、Vuex
- vuex是怎么存储变量的
- vuex中muation和action分别是怎么实现同步和异步更改store的值的
- Eventbus和vuex的区别
由于props和$emit一般用于父子组件间传递数据，当子组件过多时使用起来会很复杂，因此可以引入一个eventBus来订阅和发送全部组件间的数据。