当前位置: 首页 > article >正文

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


http://www.kler.cn/a/444546.html

相关文章:

  • 梯度(Gradient)和 雅各比矩阵(Jacobian Matrix)的区别和联系:中英双语
  • #渗透测试#漏洞挖掘#红蓝攻防#护网#sql注入介绍06-基于子查询的SQL注入(Subquery-Based SQL Injection)
  • 以腾讯混元模型为例,在管理平台上集成一个智能助手
  • 【Linux进程】进程间的通信
  • 【redis的使用、账号流程、游戏服Handler的反射调用】1.自增id 2.全局用户名这样子名字唯一 3.
  • Linux高性能服务器编程 | 读书笔记 | 12. 多线程编程
  • 探秘 Web3:重塑互联网的新力量
  • 【unity小技巧】unity最全的性能优化方案分享以及如何进行性能测试(2024/11/11更新)
  • 【蓝桥杯每日一题】选数异或——线段树
  • 【linux】shell(38)-数组
  • Micro Sip 配置自己的freeswitch服务器地址
  • SpringBoot如何实现缓存预热?
  • 语音识别失败 chrome下获取浏览器录音功能,因为安全性问题,需要在localhost或127.0.0.1或https下才能获取权限
  • web全局实现文字的中英文的切换
  • 航电系统组成架构详解!
  • Linux-进程描述符 task_struct 详解(PCB)
  • ZYNQ初识2(zynq_7010)基于vivado,从PL端调用PS端的时钟
  • Cherno C++学习笔记 P42 this关键字
  • Ubuntu 22.04,Rime / luna_pinyin.schema 输入法:外挂词库,自定义词库 (****) OK
  • ECharts柱状图-柱图42,附视频讲解与代码下载
  • 防御 XSS 的七条原则
  • Linux安装部署Redis(超级详细)
  • Python Post JSON 下载压缩包
  • WebGPU跨平台应用开发
  • 在C#中使用资源保存图像和文本和其他数据并在运行时加载
  • Hive是什么,Hive介绍