前端学习-VUE

如何启动前端：

1学习链接前端项目启动指南

2记得用管理员权限运行命令

3 npm install

3最后启动项目命令：npm run dev

其他启用方式：

npm install -g pnpm

pnpm install

npm run serve

npm 是 Node.js 平台的包管理器，可以发布、发现、安装和开发 node 程序

pnpm 更快

VUE的定义

vue：自动跟踪 JavaScript 状态并在其发生变化时响应式地更新 DOM。【及时跟踪js变化自动渲染到H5上面】

2 React 应用中，当某个组件的状态发生变化时，它会以该组件为根，重新渲染整个组件子树，vue会精确定位某个组件

概念理解：

挂载点：vue应用所负责的html标签的dom父节点的ID、NAME?

模版：挂载点下面的html内容

实例：vue应用的内容的属性：

el：挂载点的内容属性

data：绑定的数据引用属性

computed：计算属性

watch：监听属性

事件：用v-on:指令（简写@），具体的方法写在vue应用的methods里面

双向绑定指令:v-model

真实项目框架目录讲解：

所有的命令都在package.json

vue.config.js写一些配置文件，依赖文件

首页：APP.vue配一个路由跳转到哪个

dist打包的文件

pubilic静态资源

src主资源文件夹 api后台接口文件

router配置路由

store vue用的广播

utils工具类

request.js：配置请求，封装请求

views ：视图

permission.js:配置路由的拦截器

main.js：全局映入的事件

mainpage进来的布局，由三块组成