初识VUE3

我不是女神ヾ 2024-05-07 22:25 103阅读 0赞

1.VUE3官网

Vue.js - 渐进式 JavaScript 框架 | Vue.jsVue.js - 渐进式的 JavaScript 框架icon-default.png?t=N7T8https://cn.vuejs.org/

2.通过Vite创建项目

全局安装vite

  1. npm config set registry=https://registry.npmmirror.com 使用国内源
  3. npm  install -g  vite@latest

Vite | 下一代的前端工具链下一代前端工具链icon-default.png?t=N7T8https://cn.vitejs.dev/

2.1查看npm版本 (非必要)

  1. npm --version8.15.0

2.2npm更新版本 (非必要)

  1. $ npm install -g npm

3.创建项目

  1. npm init vite@latest vue3demo -- --template vue-ts

4.vscode打开项目

8cfebfed82aa4dbea4e03a0b93116d3b.png

运行命令

  1. npm installnpm run dev

5.总结->整体运行步骤：

  1. 1. npm  install -g  vite@latest
  2. 2. npm init vite@latest 项目名称 -- --template vue-ts
  3. 3. cd 到项目目录之后运行： 4. npm  install  
  4. 5. npm  run  dev

6.使用组件

  1. <template>
  2.   <MyComponent />
  3. </template>
  5. <script setup>
  6.    import MyComponent from './MyComponent.vue'
  7. </script>

7.生命周期钩子函数

组合式 API：生命周期钩子 | Vue.jsVue.js - 渐进式的 JavaScript 框架icon-default.png?t=N7T8https://cn.vuejs.org/api/composition-api-lifecycle.html\#onmounted

31d718c920004fc881dd7b33d1586c38.png

发表评论

表情：
评论列表 （有 0 条评论，103人围观）

还没有评论，来说两句吧...

相关阅读

    相关 初识VUE

    一、什么是VUE Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScr

    谁践踏了优雅谁践踏了优雅/ 0 赞/ 149 阅读

    相关 初识Vue

    上一节搭建了vue的简单项目的开发环境，这一节来说说Vue的基本使用  >   初识Vue： 1. 想让程序运行，必须要创建一个Vue实例，且传入配置对象（el） 2.

    我不是女神ヾ我不是女神ヾ/ 0 赞/ 292 阅读

    相关 初识vue

    vue 我们先认识一下什么是vue？其实就是用来构建用户界面的渐进式框架，vue指令就是操作DOM命令而准备的。安装或引用[vue][]你也可以查[开发文档][Link

    小灰灰小灰灰/ 0 赞/ 320 阅读

    相关 初识VUE

    一、什么是vue vue是一个渐进式的前端js框架。所谓渐进式框架，其实就是把框架分层。最核心的部分是视图层渲染，然后往外是组件机制，在这个基础上再加入路由机制、状态管理

    深藏阁楼爱情的钟深藏阁楼爱情的钟/ 0 赞/ 386 阅读

    相关 Vue初识

    渐进式JavaScript框架 通过对框架的了解与运用程度，来决定其在整个项目中的应用范围，最终可以独立以框架的形式完成整个web前端项目 什么是Vue vue可

    清疚清疚/ 0 赞/ 401 阅读

    相关 Vue初识

    一.  Vue的简单介绍 　　前端、django的重点简单描述： """ 1、BBS：前后台不分离的web项目 前台页面主要是通过后台逻

    朱雀朱雀/ 0 赞/ 394 阅读