如何引用Vue.js

如何引用Vue.js

【自行跳过 先介绍一下 vue.js 由于vue是 渐进式 轻量级JavaScript框架 如果要开发全新的vue框架,很建议使用项目构建工具Vue Cli 可点击=>vue-cli搭建Vue项目

如何引用Vue.js 可以去官网下载Vue.js的开发版和生产版,并通过Script标签全局引用 当然也可以用npm 安装 由于npm的仓库源布置在国外,不建议使用,建议使用淘宝镜像

(1)安装cnpm (在cmd下):
npm install -g cnpm --registry=https://registry.npm.taobao.org
(2)之后 使用cnpm安装:
cnpm install vue
(3)引用Vue模板:
import Vue from 'vue’
ok了就
2.2 安装Vue Devtools(非必要 和安装vue.js没有关系 )
Vue 提供了一个界面,可以帮助我们查看vue组件和全局状态管理Vuex中记录的数据
有条件访问外网的,直接在google wed Store 下载
如何引用Vue.js如图搜索 安装
再次打开Vue项目时,我们就可以在浏览器上调试工具中通过Vue Devtools查看组件的状态了
如何引用Vue.js
在vue项目的浏览器界面按F12(如图出现vue 即安装成功)
如何引用Vue.js
如果访问不到外网 可以通过GIt
git clone https://github.com/vuejs/vue/vue-devtools.git
具体怎么安装操作就不演示了
可点击=>如何在浏览器安装vue-devtools