Vue笔记

概述

前端三大框架

• Vue.js：总结了模块化和虚拟DOM。MVVM框架
• Angular.js
• React.js

CSS预处理器：

• SASS
• LESS

Axios：通信框架，也可用jQuery提供的Ajax

Vue七个属性

el

data

methods

computed

template

render

watch

常用属性

• v-if、v-else-if、v-else、
• v-for
• v-on简写@，绑定事件
• v-model，双向绑定
• v-bind，给组件绑定参数

组件化

• slot插槽
• 组件内部绑定事件：this.$emit(“事件名”，参数)

遵循SOC关注度分离原则，纯粹的视图框架。所以需要Axios框架作为通信

Vue-cli

node.js

npm install cnpm -g

cnpm install vue-cli -g


vue init webpack myvue

npm install		#在myvue下

npm run dev		#在myvue下

• vue

webpack

webpack --watch

cnpm install vue-router@3.1.3 --save-dev	#直接安装vue-router报错

npm run dev

创建工程

vue init webpack hello-vue
项目的名称，作者，
一路no
#工程建立完成，并进入


cnpm install vue-router@3.1.3 --save-dev

npm i element-ui -S

cnpm install sass-loader node-sass --save-dev

=============================================