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:8080Vue.js暑假学习心得一_第1张图片                                                                                                                                                                                                               至此webpack开发环境构造完成

Vue.js指令

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

v-show根据表达式的值显示或隐藏Html元素,且其不支持