前端学习-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进来的布局,由三块组成