| 12345678910111213141516171819202122232425262728 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Title</title>
- <script src="../vue.js"></script>
- </head>
- <body>
- <div id="app" >
- <!-- v-model 双向绑定 -->
- <input type="text" v-model:value="message" >
- <!-- v-model 简写 -->
- <input type="text" v-model="message" >
- <!-- v-model trim 去掉空格-->
- <input type="text" v-model.trim="message" >
- <p>{{message}}</p>
- </div>
- </body>
- <script>
- var jsonParam = {
- el: "#app",
- data: {
- message:" hello "
- }
- }
- var vue = new Vue(jsonParam);
- </script>
- </html>
|
