版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
1、vue的引入方式
两种方式
方式一 下载vue.js源文件，使用script标签引入
<script src="./vue.js"></script>
方式二 CDN服务提供的联网引入，前提是你的开发环境可以接入外网
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>
2、Vue 实例对象
每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例 开始的：
var vm = new Vue({
// 选项
})
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>01_初识vue实例对象</title>
</head>
<body>
<div id='para'></div>
</body>
<!-- -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>
<script>
var app = new Vue({
el: '#para',
data: {
content: 'Helllo World'
}
});
console.log(app);
</script>
</html>
通过控制台输出 Vue 实例 对象，让大家对Vue对象的属性有一个基本的认识，如下图：
通过打印实例对象发现：
el 是Vue对象公有属性中的一员；而data 是Vue对象私有属性中的一员，同时私有属性data 中的数据，需要被外部使用，于是 Vue 直接将data 中的属性及属性值，直接挂载到 Vue 实例中，也就是说，data中的数据，我们可以直接使用 app.content 直接调用；如下图：
