创建第一个Vite项目

Vite

Vite 是一个 web 开发构建工具，由于其原生 ES 模块导入方式，可以实现闪电般的冷服务器启动。

通过在终端中运行以下命令，可以使用 Vite 快速构建 Vue 项目。

使用 npm：

# npm 6.x
$ npm init vite@latest <project-name> --template vue

# npm 7+，需要加上额外的双短横线
$ npm init vite@latest <project-name> -- --template vue

$ cd <project-name>
$ npm install
$ npm run dev

 

报错：

 

 解决：需要给它外加一个根元素，即父容器

 

<template>
  <div>
    <img alt="Vue logo" src="./assets/logo.png" />
    <HelloWorld msg="Hello Vue 3 + Vite" />
  </div>
</template>

 

 

声明式渲染即，先声明变量和值，再进行渲染

 

计算属性：依赖于原有的属性值，原值改变，重新触发一次计算

计算属性有默认的 getter 和 setter 方法

 

watch：

监听前

 

 

 监听后：