摘要: 每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。 比如 created 钩子可以用来在一个实例被创建之后执行 阅读全文
posted @ 2021-01-15 11:58 雨子大人 阅读(59) 评论(0) 推荐(0) 编辑
摘要: Vue 还提供了 v-model 指令,它能轻松实现表单输入和应用状态之间的双向绑定。 即修改页面的值可导致变量修改, 单个复选框,绑定到布尔值 获取是布尔值 多个复选框,绑定到同一个数组 获取是数组 对应复选框的value 如果没有设置 默认是html值 单选按钮 选择框 获取对应的val 修饰符 阅读全文
posted @ 2021-01-15 11:55 雨子大人 阅读(3044) 评论(0) 推荐(0) 编辑
摘要: methods 触发事件执行 通过v-on绑定咱们的click事件,点击button时就会触发reverseMessage事件,vue中的事件函数都卸载methods属性中。其中v-on:click可以缩写成@click,即使用@代替v-on。 事件修饰符 <!-- 阻止单击事件继续传播 --> < 阅读全文
posted @ 2021-01-15 11:50 雨子大人 阅读(70) 评论(0) 推荐(0) 编辑
摘要: 基本格式 el绑定元素 data设置的变量 页面变量显示使用 {{}} v-bind:href 可以缩写成 :href,即使用:来代替v-bind 即href为动态可变的变量 v-if 判断 true 就显示 false 就不显示 也可以衔接 else if else 循环使用: <div id=" 阅读全文
posted @ 2021-01-15 11:48 雨子大人 阅读(90) 评论(0) 推荐(0) 编辑