摘要: 数组的监听 有两种方法 变更方法和替换数组 ####两者的区别就是 变更方法会引起ui的自动更新即直接会显示在页面上,但是替换数组不会, 变更方法 push() pop() shift() unshift() splice() sort() reverse() 替换数组 concat() filte 阅读全文
posted @ 2024-05-14 23:48 睡觉爱打呼噜 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 事件处理 在vue中使用v-on来进行监听事件,可以简写成@ 两种展示方式 内联事件处理器(较为简单 理解就行) 方法事件处理器 两者的区别就是 内联事件处理器是直接写在v-on里面的, <button @click="count++">自增</button> 方法事件处理器是写在js里面的 <bu 阅读全文
posted @ 2024-05-14 22:45 睡觉爱打呼噜 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 列表渲染 使用v-for指令来进行一个数组的渲染, 基于item in items其中item是迭代名,items是源数据的数组 且迭代名称也可以自由定义,只需要与后面插值表达式的一致即可 v-for也可以 支持第二个参数进行位置的索引(item,index) in items 还有一个小的注意点 阅读全文
posted @ 2024-05-14 21:01 睡觉爱打呼噜 阅读(10) 评论(0) 推荐(0) 编辑
摘要: Vue模板语法: 使用插值表达式的内容必须是有结果的内容才可以,就是需要return出来的才可以显示出来。 插值表达式所表现的内容为纯文本模式 如何避免 即所有的逻辑操作都在js里面实现,不要再templete中实现可以完美的避免这个问题。 Vue属性绑定 1.使用v-bind 进行属性绑定 语法: 阅读全文
posted @ 2024-05-13 23:42 睡觉爱打呼噜 阅读(38) 评论(0) 推荐(0) 编辑
摘要: 步骤: 1.检查 是否安装了 node.js 和npm 2.安装淘宝镜像命令:npm install -g cnpm --registry=http://registry.npmmirror.com(使用的更快速) 3. cnpm install -g @vue/cli 安装全局vue 再使用 vu 阅读全文
posted @ 2024-05-13 11:11 睡觉爱打呼噜 阅读(4) 评论(0) 推荐(0) 编辑