2018-09-11

小谷子课堂笔记之Vue.

Vue.js 渐进式JavaScript，声明式渲染。

    
    



//更容器
    
{{ text }},
    
{{ message }}。
    {{ happy }}

1. el:element 需要获取的元素，一定是html中的跟容器；
2. data：用于数据的存储；
3. v-bind为指令

    
    




    
自己选择的路，要坚持下去。
    

    

4. v-if\v-else-if\x-else开头，中间，结尾三种判断，在Html中间不能有别的代码。
   在判断语句消失的东西是不占位的，而v-show转换成了display:none.

    

        

            {{ todo.text }}
        
    

5. v-for循环, A in B,可以替换成A of B.
   v-for 指令可以绑定数组的数据来渲染一个项目列表：

    {{ btn }}

6. v-on指令监听DOM事件，并触发时运行一些Javascript事件。

    Y
    N

    what

7. 除了直接绑定到一个方法，也可以在内联 JavaScript 语句中调用方法;

冒泡和事件默认事件：

（1）.event.stopPropagation()方法：
这是阻止事件的冒泡方法，不让事件向documen上蔓延，但是默认事件任然会执行， 当你掉用这个方法的时候，如果点击一个连接，这个连接仍然会被打开。
（2）.event.preventDefault()方法：
这是阻止默认事件的方法，调用此方法是，连接不会被打开，但是会发生冒泡，冒泡会传递到上一层的父元素；
（3）.return false ：
这个方法比较暴力，他会同事阻止事件冒泡也会阻止默认事件；写上此代码，连接不会被打开，事件也不会传递到上一层的父元素；可以理解为return false就等于同时调用了event.stopPropagation()和event.preventDefault()。