Vue.js从入门到项目实践(超值版)
上QQ阅读APP看书,第一时间看更新

2.2.3 在项目中引入Vue.js文件

下载Vue.js脚本文件后,可以将其引入Vue项目中。在Vue中引入脚本文件,可以节省很多手写脚本代码的时间。通过<script></script>标签引入,此时Vue会被注册为全局变量。

引入的代码如下:

    <script src="vue.js" type="text/javascript" charset="UTF-8"></script>

在使用Vue构建一些大型应用程序时,推荐使用npm进行安装。npm能很好地与Webpack或Browserify模块打包器配合使用。同时,Vue还提供配套工具来开发单文件组件。

由于npm的仓库源在国外,资源传输速率可能比较慢且可能会受到限制,因此在这里不建议直接使用npm安装其他依赖,而是推荐使用淘宝镜像源的cnpm。

(1)安装cnpm,执行命令如下:

    npm install -g cnpm --registry=https://registry.npm.taobao.org

(2)安装cnpm后,使用cnpm安装Vue.js,执行命令如下:

    cnpm install vue

(3)引入Vue模板,执行命令如下:

    import Vue from 'vue'