Vue初学习

概述

前端框架三架马车        Vue        React        Angular
vue是一款渐进式JavaScript前端框架
作者：尤雨溪
官网：cn.vuejs.org
插件案例        https://github.com/opendigg/awesome-github-vue
特点：
1.简单，上手方便
2.结合angular指令与react组件思维
3.生态丰富（插件多）apl文档完善

实例化参数new  Vue

el:"#app"        选择目标标签
data:{}            指定数据

指令

指令的值是可以是简单的JavaScript命令
文本渲染指令
    1. {{}}
    2. v-text
    3.  v-html(渲染html文本)

属性绑定

v-bind:属性="指令值"
:属性="值"

条件渲染

1. v-show        css方式隐藏
2. v-if
    v-else-if
    v-else
频繁切换显示与隐藏用v-show
一次性切换显示用v-if
v-show隐藏是通过css的方式隐藏节点