Vue 指令篇案例(输入提交显示提交数据

Vue 指令篇案例(输入提交显示提交数据_列表)

阅读量：5037 次

发布时间：2019-06-12

本文共 3174 字，大约阅读时间需要 10 分钟。

一.文本操作指令

//1.v-text    
等价于{
   {msg}}
//2.v-html    //可以解析带html标签的文本信息 
//3.v-once一次性文本赋值{
   { msg }}

二避免页面闪烁指令

//加在app上

三关键指令


              
                       
               
       简写
                
               
               
       
                
               
       p1p1p1p1p1p1p1
        
               
       p2p2p2p2p2p2p2
        
               
       p3p3p3p3p3p3p3
        
       p4p4p4p4p4p4
        
               
       p5p5p5p5p5p5
        
       p5p5p5p5p5p5
        
               
               
       p6p6p6p6p6p6p6p6

v-bind 绑定html标签全局属性

v-model 表单值,选中状态(数据双向绑定)

v-on 绑定事件

四条件指令

v-if|v-if v-else-if | v-show

5 循环指令（必须建立缓存:key='' 不然标签有波浪有错误）


              
               
               
                    
        {
    { n }}
        
       
        
               
               
               
                    
        value:{
    { n }} | index: {
    { i }}
        
       
                        
               
               
                    
        value:{
    { v }} | key:{
    { k }} | index: {
    { i }}
        
       
        
               
                   
        
         {
    { k }} : {
    { v }}

v-for 数组|字典 2者嵌套使用

案例