{"absolute_url": "/hyhyhyha/onenoteweb-js-phpvuecode-snippets/", "blog_post": false, "code": "\n\n\n \n \n Vue HTML commands\n \n \n \n
\n
\n
\n \n \n \n\n\n\n\n\n\n\n \n \n
\n

\n
\n v-bind:class depends on v-model\n
\n
\n \n \n", "created": "2019-02-21T01:32:53.644673", "description": "", "description_rendered": "", "embed_url": "https://snipt.net/embed/edf611ab9e0ba838a9bb601f8090bdb9/", "full_absolute_url": "/hyhyhyha/onenoteweb-js-phpvuecode-snippets/", "id": 148269, "lexer": "html", "line_count": 52, "log_entries": [{"code": "\n\n\n \n \n Vue HTML commands\n \n \n \n
\n
\n
\n \n \n \n\n\n\n\n\n\n\n \n \n
\n

\n
\n v-bind:class depends on v-model\n
\n
\n \n \n", "created": "2019-02-21T01:40:46.061953", "diff": "--- \n+++ \n@@ -0,0 +1,52 @@\n+\n+\n+\n+ \n+ \n+ Vue HTML commands\n+ \n+ \n+ \n+
\n+
\n+
\n+ \n+ \n+ \n+\n+\n+\n+\n+\n+\n+\n+ \n+ \n+
\n+

\n+
\n+ v-bind:class depends on v-model\n+
\n+
\n+ \n+ \n+", "user": "hyhyhyha"}], "meta": null, "modified": "2019-06-16T03:22:37.413786", "publish_date": "2019-02-21T01:40:46.022339", "raw_url": "/raw/edf611ab9e0ba838a9bb601f8090bdb9/", "resource_uri": "/api/public/snipt/148269/", "slug": "onenoteweb-js-phpvuecode-snippets", "stylized": "
 1\n 2\n 3\n 4\n 5\n 6\n 7\n 8\n 9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25\n26\n27\n28\n29\n30\n31\n32\n33\n34\n35\n36\n37\n38\n39\n40\n41\n42\n43\n44\n45\n46\n47\n48\n49\n50\n51\n52
<!--Vue HTML commands-->\n<!DOCTYPE html>\n<html>\n    <head>\n        <meta charset="utf-8">\n        <title>Vue HTML commands</title>\n        <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>\n    </head>\n    <body>\n        <div id="app">\n            <div v-html="message"></div>\n        </div>\n        \n        <script>\n            new Vue({\n                el: '#app',\n                data: {\n                    message: '<h1>菜鸟教程</h1>'\n                }\n            })\n        </script>\n    </body>\n</html>\n\n\n\n<!--Vue v-model/v-bind-->\n<style>\n    .class1{\n        background: #444;\n        color: #eee;\n    }\n</style>\n<body>\n    <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>\n    \n    <div id="app">\n        <label for="r1">change color</label><input type="checkbox" v-model="use" id="r1"><br><br>\n        <div v-bind:class="{'class1': use}">\n            v-bind:class depends on v-model\n        </div>\n    </div>\n    \n    <script>\n        new Vue({\n            el: '#app',\n            data:{\n                use: true\n            }\n        });\n    </script>\n</body>\n
\n
", "tags": [], "title": "Onenote/Web - JS PHP/Vue。。。/code snippets", "user": {"absolute_url": "/hyhyhyha/", "email_md5": "2b4a5ba6ce1b6eb81fe1709aa3d6a48e", "id": 24563, "resource_uri": "/api/public/user/24563/", "snipts": "/api/public/snipt/?user=24563", "snipts_count": 4, "username": "hyhyhyha"}}