单独使用某个功能

Vue3 现在将核心功能拆分成了不同得包，可以单独安装某一个包，饭后使用。

通过 Parcle

yarn add @vue/compiler-core

index.js

import { baseCompile } from '@vue/compiler-core'

let app = document.getElementById('app')

let ret = baseCompile(app.innerHTML)

console.log(ret)

index.html

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Title</title>
</head>
<body>
  <div id="app">
    <p class="wrap">hello</p>
  </div>
  <script src="index.js"></script>
</body>
</html>

单独使用某个功能 ​

单独使用某个功能