安装 vue

npm i vue

先将项目建成 npm 项目

npm init -y
npm i webpack -D
npm I webpack-cli

Element-ui

1.安装
npm i element-ui -S
2.按需引入
npm install babel-plugin-component -D

3.修改 bable.config.js

{ “presets”: [[“es2015”, { “modules”: false }]], “plugins”: [ [ “component”, { “libraryName”: “element-ui”, “styleLibraryName”: “theme-chalk” } ] ] }
4.新建 element.js
专门用来引入 element
5.main.js 引入

myblog

Vue 框架

之前使用 jquery 写页面,是直接操作了 dom 去处理页面的交互。vue react 等框架不是直接操作 dom，而是虚拟一个 dom 去操作，然后把最终结果渲染到页面。

单页面应用(SPA)

现在一些基础的框架默认都是制作单页面应用的。

Quick Start

js 运行三部曲

语法分析