【小马技术-Vue.js入门教学】第3课：处理用户输入

fjb2080

于 2020-02-06 17:08:45 发布

阅读量169

点赞数

分类专栏：小马技术-Vue.js入门教学文章标签： vue.js

本文链接：https://blog.csdn.net/fjb2080/article/details/104198934

版权

小马技术-Vue.js入门教学专栏收录该内容

3 篇文章 0 订阅

订阅专栏

处理用户输入
============

## 知识点

* v-model

### v-model

为页面输入框进行数据邦定，例如：

+ input
+ select
+ textarea
+ components

### 使用例

~~~html
<div id="myApp">
<p>您最喜欢的游戏是：{{mygame}}</p>
<input v-model="mygame">
</div>
<script>
var myApp = new Vue({
el: '#myApp',
data: {
mygame: '超级马里奥'
},
});
</script>
~~~

## 源文件

* https://gitee.com/komavideo/LearnVueJS

## 小马视频频道

http://komavideo.com

<!DOCTYPE html>
<html lang="zh">

<head>
    <title></title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="https://unpkg.com/vue/dist/vue.js"></script>
    <link href="../css/style.css" rel="stylesheet"> </head>

<body>
<div id="myApp">
    <p>您最喜欢的游戏是：{{mygame}}</p>
    <input v-model="mygame">
</div>
<script>
    var myApp = new Vue({
        el: '#myApp',
        data: {
            mygame: '超级马里奥GTA'
        },
    });
</script>
</body>

</html>

fjb2080

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【小马技术-Vue.js入门教学】第3课：处理用户输入

处理用户输入============## 知识点* v-model### v-model为页面输入框进行数据邦定，例如：+ input+ select+ textarea+ components### 使用例~~~html<div id="myApp"> <p>您最喜欢的游戏是：{{mygame}}</p> ...
复制链接

扫一扫

专栏目录