vue记忆结构(一)

 

前端
html+css+js+jquery
前端MVC框架：React，Angular(谷歌的)，Vue，Node
表达式，命令，组件，模板，路由

前期准备：
1.html常用标签，常用属性（要背的比较6）
2.基本的八类CSS属性，要有清醒的认识
3.原生JS，最重要的是DOM操作（节点的增删改查）

使用：下载，导入
part1.表达式
（1）表达式在标签中，作为内容使用{{ 表达式 }}
（2）表达式可以直接显示变量，进行算数运算，显示JSON数据，也可以执行js代码（但是极不推荐）
（3）表达式也可以存在于标签的属性中，不需要再写大括号
（4）表达式中，可以直接显示字符串，比如{{“abc”}}这样显示的是abc这个字符串内容，{{abc}}这样，abc会被当作是一个变量或方法名
（5）表达式中不能出现if-else，可以用复合运算符，比如：
{{ 2<3?’dui’:’bu dui’ }}
part2:指令
1.指令，带有“v-”开头的特殊的属性（本质上是个属性）
2.用途，表达式的值发生改变的时候，将某些行为应用到文档对象（DOM）上
3.书写位置：任意HTML元素的开始标签内
4.注意：一个开始标签内，可以写入多个指令，多个指令之间用空格分割

5.v-show指令
作用：控制切换一个元素的显示和隐藏
语法：v-show=表达式
根据表达式结果的真假，确定是否显示元素
{{ list }}

6.v-on指令
作用：为html元素绑定监听事件
语法：v-on：事件名称=‘函数名称（）’
简写语法：@事件名称=‘函数名称（）’

7.v-model指令
作用：在表单元素上创建双向数据绑定
用法：在一个可接受录入的标签，加入v-model

再在其他地方使用这个数据

8.v-if
作用：出现在任何标签的属性中，来确定这个标签是否要被渲染，if表达式为真就渲染
可以和v-else或v-else-if搭配使用
我的备忘录1
我的备忘录2
我的备忘录3

9.v-for

作用:遍历data中的数据,并在页面进行数据展示

语法: v-for='(item,index)  in  array'

item表示每次遍历得到的元素,index表示item的索引,是可选参数

        
        
学号:{{ i.sid+"------姓名:"+i.sname}}

10.v-bind

作用:绑定HTML标签的属性

语法:v-bind:   属性名='表达式'

例如:   绑定一个属性

           绑定多个属性

    
    
    
    
    



    

        
{{ item.des }}