随笔分类 - vue
摘要：昨日回顾 # 1 计算属性 -computed >把方法变成属性 》延缓计算 -在页面中直接使用函数，页面只要刷新，函数就会重新运行，使用计算属性--》只有当前函数使用的变量发生变化时，才重新运算 # 2 监听属性 -watch:属性 》只要这个变量发生变化，就会执行方法 # 3 组件化开发 -局部
阅读全文
摘要：组件化开发基础 组件是什么？有什么用 扩展 HTML 元素，封装可重用的代码，目的是复用 -例如：有一个轮播，可以在很多页面中使用，一个轮播有js，css，html -组件把js，css，html放到一起，有逻辑，有样式，有html 注意事项 1 自定义组件需要有一个root element，一般包
阅读全文
摘要：生命周期钩子 生命周期图 生命周期 钩子函数 描述 beforeCreate 创建Vue实例之前调用，data空的 created(重要) 创建Vue实例成功后调用（可以在此处发送异步请求后端数据） beforeMount 渲染DOM之前调用 mounted(重要) 渲染DOM之后调用 》看到页面了
阅读全文
摘要：事件处理 事件 释义 input 当输入框进行输入的时候 触发的事件 change 当元素的值发生改变时 触发的事件 blur 当输入框失去焦点的时候 触发的事件 change 和 blur 最本质的区别： 如果输入框为空，失去焦点后，change不会触发，但是blur会触发 过滤案例 <!DOCT
阅读全文
摘要：Vue入门 引入方式 ① CDN的方式引入 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> ② 下载后导入 其实就是直接在浏览器中打开https://cdn.jsdelivr.net/npm/vue/dist/
阅读全文
