Vue学习记录
文章平均质量分 96
该专题为Vue学习笔记,跟着尚硅谷的Vue课程进行的,很多都是老师讲的,写的,为了加深记忆而记录博客,将代码,还有讲解自己敲一遍记录一下
Happy_change
这个作者很懒,什么都没留下…
展开
-
Vue2学习day06—浏览器本地存储&组件的自定义事件&全局事件总线(GlobalEventBus)&消息订阅与发布(pubsub)&nextTick
文章目录Vue2学习day06—浏览器本地存储TodoList案例实现本地存储组件的自定义事件TodoList案例优化,子组件==>父组件使用组价自定义事件实现全局事件总线(GlobalEventBus):任意组件间通信TodoList案例优化,孙子组件==>爷爷组件使用全局事件总线实现消息订阅与发布(pubsub)nextTick Vue2学习day06— 浏览器本地存储 存储内容大小一般支持5MB左右(不同浏览器可能还不一样) 浏览器端通过 Window.sessionStorage 和原创 2022-03-15 21:10:43 · 662 阅读 · 0 评论 -
Vue2学习day05—Todo-list案例
文章目录Vue2学习day05—— Vue2学习day05—— Todo-list案例原创 2022-03-14 21:07:01 · 2257 阅读 · 0 评论 -
Vue2学习day04——脚手架搭建&分析脚手架&修改默认配置&ref属性&配置项props&mixin(混入)&插件&scoped样式
运行npm run serve 之后直接就会直接运行src目录下的main.js 在VSCode中开启终端快捷键Ctrl + Esc下方的键 src目录下的assets存放静态资源 修改默认配置 官网文档 vue.config.js 是一个可选的配置文件,如果项目的 (和 package.json 同级的) 根目录中存在这个文件,那么它会被 @vue/cli-service 自动加载。会与webpack配置结合 ...原创 2022-03-13 18:12:32 · 2009 阅读 · 0 评论 -
Vue2学习day03—收集表单数据&过滤器&内置指令&自定义指令&Vue生命周期&非单文件组件&单文件组件
文章目录Vue2学习day03收集表单数据过滤器内置指令v-text指令:v-html指令v-cloak指令(没有值)v-once指令(没有值)v-pre指令(没有值)自定义指令自定义指令:Vue生命周期引出生命周期分析生命周期总结生命周期非单文件组件基本使用几个注意点组件的嵌套VueComponent一个重要的内置关系单文件组件 Vue2学习day03 收集表单数据 收集表单数据: 若<input type="text"/>,则v-model收集的是value值,用户输入的就是value值原创 2022-03-12 20:09:53 · 1424 阅读 · 0 评论 -
Vue2学习day02-侦听属性&计算属性与侦听属性&绑定样式&条件渲染&列表渲染&Vue监测数据的原理
Vue2学习day02 文章目录Vue2学习day02原创 2022-03-09 10:07:08 · 674 阅读 · 0 评论 -
Vue2学习笔记day01——初识Vue&模板语法&数据绑定&el 与data的两种写法&MVVM模型&数据代理&事件处理&计算属性
Vue Vue特点: 组件化:一个xxx.vue(html css js)就是一个组件 声明式编码无需直接操作dom 使用虚拟dom+diff算法 数据–虚拟DOM–真实DOM 初识Vue 使用Vue首先要导入vue.js文件,可以下载后本地导入,也可以在线网址导入,具体参照Vue2官网文档这里我选择下载后本地导入 <script type="text/javascript" src="../js/vue.js"></script> 想让Vue工作,就必须创建一个Vue实例,且原创 2022-03-06 22:30:39 · 576 阅读 · 0 评论