Vue基础语法-vue-vuejs-黑马19年8月视频笔记

 Vue：渐进式JavaScript框架

 Vue基本使用

 Vue文件cdn引用：https://cdn.bootcdn.net/ajax/libs/vue/2.6.8/vue.js

模版语法 

指令-[v-cloak, v-on, v-model, v-text, v-html, v-pre, v-once, v-bind, v-for, v-if, v-else-if, v-else, v-show, v-slot]

数据绑定指令 

双向数据绑定 

事件绑定 （v-on:click，调用方法，传参）

事件绑定-修饰符 （事件修饰符，按键修饰符，自定义按键修饰符）

 

属性绑定 （v-on，v-model）

 样式绑定（class样式处理，style样式处理）

 class样式处理代码（数组语法和对象语法混用，默认class处理）

style样式处理代码

分支结构

基础案例

tab选项卡切换

Vue常用特性

表单

表单域修饰符

lazy：失去焦点后v-model响应的值才会修改

自定义指令

 

 

组件中定义局部指令 

计算属性

侦听器

过滤器

局部过滤器

带参数过滤器

生命周期

补充知识

数组添加响应式 

 对象添加响应式

综合案例

    
    
    
    


    

        

            编号：
            
            名称：
            
            
        
        

            

                

                    
编号
                    
名称
                    
时间
                    
操作
                
            
            

                

                    
{{item.id}}
                    
{{item.name}}
                    
{{ item.date | format('yyyy-MM-dd') }}
                    

                        
                        修改
                        |
                        删除
                    
                
            
        
        
{{bookCount}}