Vue基本使用

第一个 Vue 应用

文档

导包

官方提供了两个包

开发环境版本
生产环境版本


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <!-- 开发环境版本 -->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
 
</body>
</html>

采用模板语法来声明式地将数据渲染进 DOM 的系统


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
  {
  { message }}
</div>
</body>