vue安装 #第一个vue程序

目录

vue安装

第一个vue程序

---

vue安装

一、直接CDN引入
1.对于开发阶段，你可以使用以下版本：
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>

2.对于生产环境，可以使用以下版本
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>

二、下载和引入

将开发版本另存到文件夹中，然后用<script></script>标签引入html页面，就可以使用了。

 

三、NPM安装：在用Vue构建大型应用时推荐使用NPM安装。NPM能很好地和诸如webpack或 Browserify模块打包器配合使用。同时vue 也提供配套工具来开发单文件组件。

 

第一个vue程序

总结：

• let(定义变量) const(定义常量)
• el:用于挂载要管理的元素，用id绑定
• vue相当于一个对象
• data里面存放数据
• 将数据渲染到页面时，用：{{data里面的元素}}