Vue前端入门知识（一）

Vue的MVVM实现

• 当Vue示例创建后，形成双向绑定：DOM Listeners和Data Bindings
• 从View侧看，DOM Listeners 监听Dom的变化
• 从Model侧看，Data Bindings帮助更新View，也就是Dom【技术精髓：数据中有get\set,调用watch方法】

常见的html操作：

    1）直接操作DOM

    2)  模版方法

    3）JS与HTML分离->渲染->模版hide起来

为什么使用Vue指令

1. 实现JS与HTML分离
2. HTML的结构应该定义在HTML文件中，而不是散落在JS代码中
3. JS代码仅仅是通过Model去控制View，而不是定义View

条件渲染指令：

V-show指令条件渲染指令：

    它根据表达式的true/false来显示或隐藏元素

    语法：

    v-show=“expression”和v-if指令不同的，使用v-show指令元素始终在DOM上，通过修改style属性的元素隐藏与显示

    true：display：block

    false：display: none

   v-else指令条件渲染指令