vue指令 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div id="app">
        <!-- <p a="1" :a="1" :a="msg"></p> -->
        <组件标签 a="1" :a="1" :a="'1'" a="true" :a="true"></组件标签>

    </div>
    <!-- 
        v-on @
            绑定事件
        v-if v-else v-else-if
            根据条件渲染组件
        v-show
            显示隐藏元素
        v-bind :
            给属性绑定数据
        v-model
            双向绑定 只能加给表单元素
        v-for
            循环数据或对象（一般不循环对象）生成统一的结构
            想要循环哪个标签，就给哪个标签添加该指令

        v-text v-html
            innerText
            innerHTML 
        
        v-once
            数据只渲染一次渲染后，就失去了vue的联系
        v-pre
            跳过渲染过程（不会渲染拥有pre的标签）
        v-cloak
            配合css
            [v-cloak] {
                dispaly: none;
            }
            可以让{{}}在没有被渲染的时候隐藏


        


     -->
</body>
</html>

 

posted @ 2018-12-20 19:30  宝2333  阅读(93)  评论(0)    收藏  举报