第三章 Vue组件的属性和方法（下）

华而有识

已于 2022-12-22 14:49:08 修改

阅读量232

点赞数

分类专栏： vue.js 3 前端开发实战文章标签： vue.js javascript 前端

于 2022-09-22 14:15:06 首次发布

本文链接：https://blog.csdn.net/FrontEndEngineer/article/details/126990452

版权

vue.js 3 前端开发实战专栏收录该内容

8 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

3.4 表单数据的双向绑定
示例一：文本输入框

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单输入</title>
    <script src="https://unpkg.com/vue@next"></script>
</head>
<body>
    <div id="Application">
        <input v-model.trim="textField"/>
        <p>文本输入框内容:{
  {textField}}</p>
    &l