Vue.js暑假学习心得一

       Vue.js是一种采用MVVM架构的框架，他也是一个构建数据驱动的Web界面的库。他有着几种特性：轻量；数据绑定；指令；插件化       

Webpack构建Vue.js开发环境

1. 安装Node.js
2. 利用淘宝npm镜像安装相关依赖 CMD输入 npm install -g cnpm –registry=https://registry.npm.taobao.org         
3. cnpm install -g vue-cli      安装完后输入vue显示vue信息说明安装成功
4. 输入vue init webpack vue04

cd vue04 ；cnpm run dev ；在游览器里输入localhost:8080                                                                                                                                                                                                               至此webpack开发环境构造完成

Vue.js指令

v-if:根据表达式在DOM中生成或移除一个元素

v-show根据表达式的值显示或隐藏Html元素，且其不支持<template>语法

v-else是JavaScript中else的意思，必须跟着v-if/v-show

v-model用来在input,select,text,checkbox,radio等表单控件元素上创建双向数据绑定

v-for用于基于源数据重复渲染元素

v-text用来更新元素的textContent

v-bind用于相应更新Html特性，简写为：

v-html用于更新元素的innerHTML

v-on用于绑定事件监听器，简写为@

此外Vue.js也允许注册自定义指令。用Vue.directive方法注册一个全局自定义指令，接收指令ID和定义对象两个参数，也可用组件的directives选项注册一个局部自定义指令