Vue-js笔记:

基础

安装

Vue Devtools
在使用 Vue 时，我们推荐在你的浏览器上安装 Vue Devtools。
它允许你在一个更友好的界面中审查和调试 Vue 应用。

直接用 <script> 引入

直接下载，并且使用<script>标签引入,Vue会被注册为一个全局变量。

1
 
在开发环境下不要使用压缩版本，不然你就失去了所有常见错误相关的警告！

开发版本包含完整的警告和调试模式

生成版本删除了警告，33.30KB min+gzip

CDN

制作原型或学习，可以这样使用:

1
 
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

生产环境下，推荐链接到一个明确的版本号和构建文件，以避免新版本造成的不可预期的破坏:

1
 
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>

使用原生 ES Modules，兼容 ES Module 的构建文件:

1
2
3
 
<script type="module">
  import Vue from 'https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.esm.browser.js'
</script>

可以在cdn.jsdelivr.net/npm/vue浏览 NPM 包的源代码

确认了解不同构建版本并在发布的站点中使用生产环境版本，把 vue.js 换成 vue.min.js。这是一个更小的构建，可以带来比开发环境下更快的速度体验。