一身温柔病

导航

 

官网 VUE2.0:https://cn.vuejs.org VUE3.0:https://www.vue3js.cn/

导入 <script src="https://unpkg.com/vue@next"></script>

v-开头的·代表指令      v-html与v-pre指令 v-bind指令绑定属性 v-on事件监听指令 v-model指令 v-if指令 v-for指令

 

 

数据绑定最常见的形式就是使用 {{...}}(双大括号)的文本插值:{{ message }}

插值表达式不解析网页标签,如需解析网页标签则需要使用v-html

input 输入框中我们可以使用 v-model 指令来实现双向数据绑定 v-model 指令用来在 input、select、text、checkbox、radio 等表单控件元素上创建双向数据绑定,根据表单上的值,自动更新绑定的元素的值 <div id="app"> <p>{{ message }}</p> <input v-model="message"> </div>

 

v-if案列   

v-else 、v-else-if 必须跟在 v-if 或者 v-else-if之后

 

 v-if -else

 

 v-for   []代表数组

 

posted on 2022-02-18 17:16  一身温柔病  阅读(51)  评论(0)    收藏  举报