vue3.0 CLI - 2.4 - 新组件 Forms.vue 中学习表单

前端之家收集整理的这篇文章主要介绍了vue3.0 CLI - 2.4 - 新组件 Forms.vue 中学习表单前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我的 github 地址 - vue3.0Study - 阶段学习成果都会建立分支。

新组件 - 新路由 Forms.vue ( 下面仅介绍如何创立,不进行介绍 ) :

Message is: {{ message }}

@H_403_7@ @H_403_7@

新建路由 ( 在 router.js 中 ):

export default new Router({
routes: [
{ path: '/',.......},{
path: '/form',name: 'forms',component: Forms
},{ path: '/about',......}
]
})
@H_403_7@

这样就建立新的路由,这块我建立了新的 git commit。

注意:组件名称尽量满足以下要求:1、勿采用 HTML 标签名;2、勿采用 vue 内部保留的名称如 slot ( 插槽 )、partial、component等。3、以字母开头。更加详细的组件命名内容请参见:https://cnodejs.org/topic/5816aabdcf18d0333412d323

文本表单

贴个代码,具体的使用方法不多介绍:

单行文本: {{ message1 }}

多行文本:

{{ message2 }}

中的红色部分无效。

选择框

Box" id="cd" v-model="checked1">