前端框架vue学习------vue.js的使用

1、独立使用

直接下载将Vue.js(https://vuejs.org/js/vue.min.js)下载下来,使用 <script> 标签引入即可。

例：

<script src="./vue.mi.js"></script>

2.使用CDN

我使用的CDN(https://cdn.jsdelivr.net/npm/vue),使用<script> 标签引入即可。

例：

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

 3.使用NPM方式

需要先安装npm或者cnpm(推荐)。安装前要先安装node.js。

# 查看版本
$ npm -v
2.3.0

#升级 npm
cnpm install npm -g


# 升级或安装 cnpm
npm install cnpm -g

# 最新稳定版
$ cnpm install vue

4.项目的构建

# 全局安装 vue-cli
$ cnpm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 下面需要进行一些配置，默认回车即可，加载完毕后进入项目，安装并运行
$ cd my-project
# 安装项目
$ cnpm install
# 运行项目
$ cnpm run dev

5.常用组件安装命令

  5.1 路由安装

$ cnpm install vue-router --save

  5.2  安装vue-resource

$ cnpm install vue-resource --save

  5.3 Ajax(axios)(推荐)

$ cnpm install axios --save-dev
$ cnpm install axios --s

  5.4 安装jquery 

$ cnpm install jquery --save

  5.5 安装echarts

$ cnpm install echarts -s

欢迎访问我的博客：谁让你是巧克力​​​​​​​