VUE:不建议直接操作DOM
Vue.js是前端三大新框架:Angular.js、React.js、Vue.js之一,Vue.js目前的使用和关注程度在三大框架中稍微
胜出,并且它的热度还在递增
Vue的核心库只关注视图层,Vue的目标是通过尽可能简单的 API 实现响应的数据绑定,在这一点上Vue.js类似
于后台的模板语言
Vue也可以将界面拆分成一个个的组件,通过组件来构建界面,然后用自动化工具来生成单页面(SPA - single
page application)系统
Vue.js使用文档已经写的很完备和详细了,通过以下地址可以查看: https://cn.vuejs.org/v2/guide/
vue.js如果当成一个库来使用,可以通过下面地址下载: https://cn.vuejs.org/v2/guide/installation.html
Vue下载
- cnpm 安装
升级npm:cnpm install npm -g
npm config set cache "C:\nodejs\node_cache"
npm config set prefix "C:\nodejs\node_global"
安装cnpm: 一个国内的npm安装工具
- 安装淘宝镜像中的
cnpm:npm install -g cnpm --registry=https://registry.npm.taobao.org
- 设置安装包路径
cnpm config set cache "C:\nodejs\node_cache"
- 设置模块安装路径:
cnpm config set prefix "C:\nodejs\node_global"
之后使用命令安装的模块存储在C:\nodejs\node_global\node_modules里
- 使用cnmp安装vue:
cnpm install vue -g
- 安装vue命令行工具:
cnpm install vue-cli -g
vue-devtools调试工具
- 下载vue-devtools:
git clone https://github.com/vuejs/vue-devtools
- 进入到vue-devtools目录下安装依赖包:
cd vue-devtools-dev
cnpm install
cnpm run build
cnpm install yargs
cnpm install acorn
cnpm insatll global-prefix
cnpm insatll @vue/component-compiler-utils
cnpm install vue-style-loader
- 修改shells>chrome文件夹下的mainifest.json 中的persistent为true
cnpm install sockjs
cnpm install express
cnpm install body-parser
cnpm install merge-descriptors
cnpm install finalhandler
cnpm install on-finished
cnpm install parseurl
cnpm install statuses
cnpm install unpipe
cnpm install path-to-regexp
cnpm install methods
cnpm install utils-merge
cnpm install setprototypeof
cnpm install safe-buffer
cnpm install send
cnpm install proxy-addr
cnpm install type-is
cnpm install vary
cnpm install raw-body
cnpm install serve-static
cnpm install serve-index
cnpm install http-proxy-middleware
cnpm install http-proxy
cnpm install eventemitter3
cnpm install requires-port
cnpm install follow-redirects
cnpm install webpack-dev-middleware
cnpm install selfsigned
cnpm install node-forge
cnpm install opn
cnpm install is-wsl
- 注意:在console界面下访问Vue的实例及其内部属性,要记得加$符号;自己定义的变量不加。
Vue-CDN
- 两个版本的vuejs:CDN
- vue.js:开发版本,包含了有帮助的命令行警告
- vue.min.js:生产环境版本,优化了尺寸和速度