摘要：
侦听器 只要数据发生变化，侦听器就会触发 监听器的应用场景 数据变化执行异步或开销较大的操作 侦听器的用法 watch: { firstName: function(val) { // val表示变化之后的值 this.fullName = val + ' ' + this.lastName; }, 阅读全文
posted @ 2020-12-13 22:17
黎沐不吃香菜
阅读(118)
评论(0)
推荐(0)
摘要：
计算属性 为什么需要计算属性 把复杂的计算逻辑用简洁的模板内容体现出来。 计算属性的用法 computed: { reverseString: function(){ return this.msg.split('').reverse().join(''); } } 弄好了直接在页面中引用计算属性的 阅读全文
posted @ 2020-12-13 22:04
黎沐不吃香菜
阅读(85)
评论(0)
推荐(0)
摘要：
自定义指令 当指令不满足需求时，可以自定义指令，语法如下： Vue.directive('focus',{ inserted: function(el){ //el表示指令所绑定的元素 el.focus() } }) 使用方法和其他指令一样 <input type="text" v-focus> 带 阅读全文
posted @ 2020-12-13 20:35
黎沐不吃香菜
阅读(100)
评论(0)
推荐(0)
摘要：
表单的基础 利用v-model进行双向数据绑定： 1、在下拉列表中，将v-model写在select中 2、单选框和复选框需要每个按钮都需要写上v-model 3、v-model在输入框中获取得是输入框中的内容，在单选框、复选框和下拉项中对应的是value的值 4、在数据中，复选框变量和下拉项以数组 阅读全文
posted @ 2020-12-13 20:08
黎沐不吃香菜
阅读(136)
评论(0)
推荐(0)
摘要：
循环结构 v-for 循环数组 用于循环取得数据，类似于js中for-in循环 ，其中in左侧为值，其名称可以自定义，in后为想要取出数据的变量名 运行可以得到结果 in左侧不仅仅只可以放一个值，不仅可以取得它的值，还可以获得她它的索引值 如果不仅仅是简单的数组，例如数组中的内容是一个个的对象，就需 阅读全文
posted @ 2020-12-13 15:55
黎沐不吃香菜
阅读(176)
评论(0)
推荐(0)
摘要：
分支循环结构 分支循环结构指令 v-if v-else v-else-if v-show v-if 指令 可以直接在元素中添加指令，添加判断的值 最后运行可以得到结果是： v-show v-show的实现原理是通过display来控制该元素显示或者不显示，但是会存在页面中。 通过在元素中添加的指令， 阅读全文
posted @ 2020-12-13 11:30
黎沐不吃香菜
阅读(337)
评论(0)
推荐(0)
摘要：
样式绑定 样式绑定有class绑定和style绑定，这里我们分别说说 class绑定 class样式绑定与有两种语法：对象语法（v-bind:class='{active:isActive}'）、数组语法（v-bind:class='[activeClass]'）。 对象绑定 首先我们需要将我们需要 阅读全文
posted @ 2020-12-13 10:57
黎沐不吃香菜
阅读(368)
评论(0)
推荐(0)
摘要：
属性绑定 v-bind 可以通过v-bind将属性值与数据绑定，这样就可以统一化管理 通过这样我们就可以直接访问跳转到百度页面 同样的这个值我们也可以通过事件进行改变 这样就可以方便我们做一些其它的操作。 v-bind实现v-model（v-model实质） 通过v-bind绑定属性value的数据 阅读全文
posted @ 2020-12-13 10:02
黎沐不吃香菜
阅读(253)
评论(0)
推荐(0)
浙公网安备 33010602011771号