Vue常用的操作指令

前几天给大家介绍了Vue的优点，还有安装步骤，今天给大家再介绍一下Vue常用的操作命令：

常用指令：
      v-text:用于显示文本
      v-html:用于显示HTML  节点里面的内容
      v-model:可以绑定  视图上面的数据模型
              (数据模型需要在data中   初始化)
      v-for: 用于 遍历数组   v-for="value in array"  ->写在
              希望重复的元素上面
      v-if
      v-else
      v-else-if

      v-show: 根据条件来显示
      v-bind:用于绑定属性   简写  :class    :src     :href  ...
      v-on:用于绑定事件，简写   @事件名

模板：

　　render函数

　　eg:1
　　var vm = new Vue({
   　　 el:"#demo",
   　　 data:obj,
  　　  //template:str,
  　　  render(createElement){  //render函数
      　　 return  createElement(
               "ul",
               [
                   createElement("li","内容111"),
                   createElement("li","内容222"),
                   createElement("li","内容333"),
                   createElement("li","内容444"),
               ]
    　　 )
    },

　　　　eg:2

    <style>
        .bg {  300px; }
    </style>
</head>
<body>
    <div ,1),
                    ]
                )

            }

        })
    </script>

　　html模板

　　　字符串模板： template

　　　　eg:

<div ,  scriot形式渲染

    })
</script>

相关推荐