摘要：
通过数组中的方法改变数据 变异方法（改变原数组） push() pop() shift() unshift() splice() sort() reverse() 替换数组（生成新数组） filter() concat() slice() 修改响应式数据 用索引修改数据的方式不是响应式的 vm.li 阅读全文
posted @ 2020-12-16 18:02
黎沐不吃香菜
阅读(1525)
评论(0)
推荐(0)
摘要：
生命周期 挂载（初始化相关属性） beforeCreat created beforeMount mounted 更新（元素或组件的变更操作） beforeUndate updated 销毁（销毁相关属性） beforeDestroy destroyed 生命周期示例图 销毁Vue 使用 $dest 阅读全文
posted @ 2020-12-14 13:39
黎沐不吃香菜
阅读(84)
评论(0)
推荐(0)
摘要：
过滤器 过滤器的作用 格式化数据，比如将字符串格式化为首字母大写，将日期格式化为指定的格式等 自定义过滤器 Vue.filter("过滤器名称", function(value){ //过滤器业务逻辑 }) 过滤器使用的基本规则 可以通过插值显示通过竖线添加过滤器，还可以联机使用过滤器，也可以应用于 阅读全文
posted @ 2020-12-14 13:23
黎沐不吃香菜
阅读(112)
评论(0)
推荐(0)
摘要：
侦听器 只要数据发生变化，侦听器就会触发 监听器的应用场景 数据变化执行异步或开销较大的操作 侦听器的用法 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
黎沐不吃香菜
阅读(338)
评论(0)
推荐(0)
摘要：
样式绑定 样式绑定有class绑定和style绑定，这里我们分别说说 class绑定 class样式绑定与有两种语法：对象语法（v-bind:class='{active:isActive}'）、数组语法（v-bind:class='[activeClass]'）。 对象绑定 首先我们需要将我们需要 阅读全文
posted @ 2020-12-13 10:57
黎沐不吃香菜
阅读(368)
评论(0)
推荐(0)
浙公网安备 33010602011771号