vue基础语法

最新推荐文章于 2023-12-14 11:20:23 发布

幻墨如烟u

最新推荐文章于 2023-12-14 11:20:23 发布

阅读量598

点赞数

分类专栏：笔记文章标签： vue.js

本文链接：https://blog.csdn.net/sjs1766349405/article/details/121655104

版权

本文介绍了Vue.js的基础语法，包括表单操作（如绑定、修饰符）、计算属性（用于简化模板逻辑并具备缓存特性）、侦听器（用于监听数据变化，常用于异步操作）、过滤器（用于格式化数据，如日期格式化和字符串转换），以及Vue的生命周期（挂载、更新和销毁阶段的各个钩子函数）。

摘要由CSDN通过智能技术生成

一、表单操作

1.表单绑定语法

    <script src="vue.js"></script>
  </head>
  <body>
    <div id="app">
      <form action="">
        姓名 <input type="text" v-model="name" />
        性别
        <input type="radio" v-model="sex" value="男" />男
        <input type="radio" v-model="sex" value="女" />女 爱好
        <input type="checkbox" value="唱歌" v-model="hobby" />唱歌
        <input type="checkbox" value="跳舞" v-model="hobby" />跳舞
        <input type="checkbox" value="敲代码" v-model="hobby" />敲代码
        你的户籍地址
        <select v-model="city">
          <option value="保定">保定</option>
          <option value="北京">北京</option>
          <option value="上海">上海</option>
        </select>
        你的想法是？
        <textarea v-model="ideas" cols="30" rows="10"></textarea>
        <input type="button" @click="handle" />
      </form>
    </div>
    <script>

最低0.47元/天解锁文章

幻墨如烟u

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
vue基础语法

一、表单操作1.表单绑定语法 <script src="vue.js"></script> </head> <body> <div id="app"> <form action=""> 姓名 <input type="text" v-model="name" /> 性别 <input type="radio" v-model="
复制链接

扫一扫

专栏目录