- Vue.js从入门到项目实践(超值版)
- 聚慕课教育研发中心编著
- 278字
- 2022-07-29 14:27:32
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'