初识VUE3 我不是女神ヾ 2024-05-07 22:25 63阅读 0赞 ## 1.VUE3官网 ## [Vue.js - 渐进式 JavaScript 框架 | Vue.jsVue.js - 渐进式的 JavaScript 框架![icon-default.png?t=N7T8][icon-default.png_t_N7T8]https://cn.vuejs.org/][Vue.js - _ JavaScript _ _ Vue.jsVue.js - _ JavaScript _icon-default.png_t_N7T8_icon-default.png_t_N7T8_https_cn.vuejs.org] ## 2.通过Vite创建项目 ## 全局安装vite npm config set registry=https://registry.npmmirror.com 使用国内源 npm install -g vite@latest [Vite | 下一代的前端工具链下一代前端工具链![icon-default.png?t=N7T8][icon-default.png_t_N7T8]https://cn.vitejs.dev/][Vite _ _icon-default.png_t_N7T8_icon-default.png_t_N7T8_https_cn.vitejs.dev] ### 2.1查看npm版本 (非必要) ### npm --version8.15.0 ### 2.2npm更新版本 (非必要) ### $ npm install -g npm ## 3.创建项目 ## npm init vite@latest vue3demo -- --template vue-ts ## 4.vscode打开项目 ## ![8cfebfed82aa4dbea4e03a0b93116d3b.png][] ### 运行命令 ### npm installnpm run dev ## 5.总结->整体运行步骤: ## 1. npm install -g vite@latest 2. npm init vite@latest 项目名称 -- --template vue-ts 3. cd 到项目目录之后运行: 4. npm install 5. npm run dev ## 6.使用组件 ## <template> <MyComponent /> </template> <script setup> import MyComponent from './MyComponent.vue' </script> ## 7.生命周期钩子函数 ## [组合式 API:生命周期钩子 | Vue.jsVue.js - 渐进式的 JavaScript 框架![icon-default.png?t=N7T8][icon-default.png_t_N7T8]https://cn.vuejs.org/api/composition-api-lifecycle.html\#onmounted][API_ _ Vue.jsVue.js - _ JavaScript _icon-default.png_t_N7T8_icon-default.png_t_N7T8_https_cn.vuejs.org_api_composition-api-lifecycle.html_onmounted] ![31d718c920004fc881dd7b33d1586c38.png][] [icon-default.png_t_N7T8]: https://csdnimg.cn/release/blog_editor_html/release2.3.6/ckeditor/plugins/CsdnLink/icons/icon-default.png?t=N7T8 [Vue.js - _ JavaScript _ _ Vue.jsVue.js - _ JavaScript _icon-default.png_t_N7T8_icon-default.png_t_N7T8_https_cn.vuejs.org]: https://cn.vuejs.org/ [Vite _ _icon-default.png_t_N7T8_icon-default.png_t_N7T8_https_cn.vitejs.dev]: https://cn.vitejs.dev/ [8cfebfed82aa4dbea4e03a0b93116d3b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/d111ad5f3d084632844a031b13a06f6d.png [API_ _ Vue.jsVue.js - _ JavaScript _icon-default.png_t_N7T8_icon-default.png_t_N7T8_https_cn.vuejs.org_api_composition-api-lifecycle.html_onmounted]: https://cn.vuejs.org/api/composition-api-lifecycle.html#onmounted [31d718c920004fc881dd7b33d1586c38.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/07/c8b6c19a29984d41af2b177b0aed75e6.png
相关 初识VUE3 2. npm init vite@latest 项目名称 -- --template vue-ts3. cd 到项目目录之后运行: 4. npm install。 我不是女神ヾ/ 2024年05月07日 22:25/ 0 赞/ 64 阅读
相关 初识VUE 一、什么是VUE Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScr 谁践踏了优雅/ 2024年03月30日 16:24/ 0 赞/ 92 阅读
相关 Vue|初识Vue ![968f4c3a9001403aaa609f4e85ac2933.gif][] > Vue是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和J 比眉伴天荒/ 2023年09月24日 17:55/ 0 赞/ 84 阅读
相关 初识Vue 上一节搭建了vue的简单项目的开发环境,这一节来说说Vue的基本使用 > 初识Vue: 1. 想让程序运行,必须要创建一个Vue实例,且传入配置对象(el) 2. 我不是女神ヾ/ 2022年09月13日 15:22/ 0 赞/ 225 阅读
相关 Vue之初识Vue 前言 如果你之前已经习惯了用jQuery操作DOM,学习Vue.js时请先抛开手动操作DOM的思维, 因为Vue.js是数据驱动的,你无需手动操作DOM。它通过一些特 逃离我推掉我的手/ 2022年05月16日 05:53/ 0 赞/ 308 阅读
相关 初识vue vue 我们先认识一下什么是vue?其实就是用来构建用户界面的渐进式框架,vue指令就是操作DOM命令而准备的。安装或引用[vue][]你也可以查[开发文档][Link 小灰灰/ 2022年03月20日 13:00/ 0 赞/ 249 阅读
相关 初识VUE 一、什么是vue vue是一个渐进式的前端js框架。所谓渐进式框架,其实就是把框架分层。最核心的部分是视图层渲染,然后往外是组件机制,在这个基础上再加入路由机制、状态管理 深藏阁楼爱情的钟/ 2022年02月25日 12:50/ 0 赞/ 320 阅读
相关 Vue初识 渐进式JavaScript框架 通过对框架的了解与运用程度,来决定其在整个项目中的应用范围,最终可以独立以框架的形式完成整个web前端项目 什么是Vue vue可 清疚/ 2021年11月29日 10:42/ 0 赞/ 340 阅读
相关 Vue初识 一. Vue的简单介绍 前端、django的重点简单描述: """ 1、BBS:前后台不分离的web项目 前台页面主要是通过后台逻 朱雀/ 2021年11月23日 00:32/ 0 赞/ 338 阅读
还没有评论,来说两句吧...