Vue是目前最流行的前端框架之一,给大家讲一下如何安装和配置Vue环境。
网上也有许多关于安装和配置Vue的教程,但是他们的方法太过于麻烦了,而且对于初学者来说对网上的一些安装和配置Vue的方法不理解,看了之后还是没有一点思绪,我总结了一种最简单的Vue安装和配置的方法给大家参考使用。
Vue安装的方法
方法一:使用本地文件安装引入
1.登陆Vue.js官网
2. 下载名为 vue.min.js的文件或者压缩包
3. 命名为Vue.js文件
4. 把文件复制到HTML文件下
5. 用
new Vue({el: '#speak',data: {manager: '我的第一个 Vue!'}})
效果如图所示
方法二:使用固定的CDN
特别注意使用此类方法要在联网状态下使用
第一个CDN
https://cdn.staticfile.org/vue/2.2.2/vue.min.js
引入示例
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
第二个CDN
https://unpkg.com/vue/dist/vue.js
引入示例
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
第三个CDN
https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js
引入示例
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js"></script>
仔细观看上述方法并配置好之后就可以开始你的Vue之旅了。
了解更多关注我呦!!!