[TOC]

1、进入Vue,要把文件放到硬盘中的VScode的文件夹下,不能直接复制到VScode客户端下。
image.png
2、VScode 创建 HTML页面。创建以 html 为后缀的文件,然后再文件中输入 ! 可以直接插入HTML 页面的标签格式。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

</body>
</html>

3、使用 script 标签引入 vue.min.js

<!DOCTYPE html>












4、使用vue

<!DOCTYPE html>











{{message}}




这就是声明式渲染:Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系 统 这里的核心思想就是没有繁琐的DOM操作,例如jQuery中,我们需要先找到div节点,获取到DOM对象,然后进行一系列的节点操作。