![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue2学习
文章平均质量分 76
vue2
会蹦的鱼
这个作者很懒,什么都没留下…
展开
-
vue学习day07-scoped样式冲突、data是一个函数、props详解、组件通信、非父子通信-event bus 事件总线
一个组件中的data选项必须是一个函数。这可以保证每个组件实例,维护独立的一份数据对象。(每次创建新的组件实例,都会执行一次data函数,得到一个新对象)比如:当一个组件在根组件里多次使用时,该组件中的某一项数据值被使用多次,修改该值其中一个值,而不影响该值在其他地方的数值①都可以给组件提供数据。原创 2024-07-12 20:01:08 · 722 阅读 · 0 评论 -
vue学习day09-自定义指令、插槽
让表单元素一进入页面就获取焦点①全局注册效果:②局部注册(效果和全局注册一样,但作用范围不同)原创 2024-07-14 22:17:19 · 756 阅读 · 0 评论 -
vue学习day04-计算属性、computed计算属性与methods方法、计算属性完整写法
10、计算属性。原创 2024-07-09 20:00:00 · 236 阅读 · 0 评论 -
vue学习day12-声明式导航续、路由重定向、Vue路由-404、Vue路由-模式设置、编程式导航
路径带“#”的怎么变成自然的,不带“#”的。原创 2024-07-25 15:43:10 · 759 阅读 · 0 评论 -
vue学习day05-watch侦听器(监视器)、Vue生命周期和生命周期的四个阶段、、工程化开发和脚手架Vue cli
如果已经安装或者安装了nvm,又或者初次安装,但是出现(vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的 名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一 次。所在位置 行:1 字符: 1 + vue create vue-demo1 + ~~~ + Category)Vue cli是Vue官方提供的一个全局命令工具,可以帮助我们快速创建一个标准化基础架子。(或者安装了nvm的),可以尝试一下这个方法。Vue生命周期过程中,会。(没产生,先刷新一下)原创 2024-07-10 20:00:00 · 1204 阅读 · 0 评论 -
vue学习day06-脚手架目录文件介绍与项目运行流程、组件化开发和根组件、普通组件的注册使用-局部注册、全局注册
不加less,使用这种结构,报错解决方法。原创 2024-07-11 20:00:00 · 343 阅读 · 0 评论 -
vue学习day11-路由、路由模块的封装、声明式导航-路由的介绍、VueRouter、router-link、自定义高亮类名
(根据路由就能知道不同的路径,应该匹配渲染哪个组件)前5步固定。原创 2024-07-16 22:10:43 · 794 阅读 · 1 评论 -
vue学习day08-v-model详解、sync修饰符、ref和$refs获取dom组件、Vue异步更新和$nextTick
v-model本质上是一个语法糖,比如:在应用于输入框时,就是value属性与input事件的合写。注:在模版中,$event用于获取时间的形参简言之:利用父子通信实现v-model的效果(子组件不能使用v-model,因为数据是父组件的)初始:①父传子效果:②子传父初始(续上):结果:原来:用v-model:1)父传子父组件:2)子传父子组件:父组件:③效果:父组件通过ref属性获取子组件的值,并重置其值代码:结果:获取:点击之后,改变为输入框,并获取焦点——>源代码:1)直接使用this.&refs.i原创 2024-07-13 17:38:55 · 464 阅读 · 0 评论 -
vue学习day10-插槽、单页应用程序(SPA-Single Page Application)-默认插槽、后备内容(默认值)、具名插槽、作用域插槽(插槽的一个传参语法)
插槽可分为默认插槽和具名插槽逻辑: 初始:代码逻辑:效果:效果:系统网站/内部网站/文档类网站/移动端站点准备一下,明天上路由!原创 2024-07-15 22:22:15 · 306 阅读 · 0 评论 -
vue学习day03-指令修饰符、v-bind对于样式控制的增强、v-model应用于其他表单元素
7、指令修饰符。原创 2024-07-08 20:00:00 · 376 阅读 · 0 评论 -
vue学习day02-Vue指令-v-html、v-show与v-if、v-else与v-else-if、v-on、v-bind、v-for、v-model
当表达式值为true时,无显著区别,当值为false时,v-show通过控制css的display:none来控制显示与隐藏。如果不加key,v-for的默认行为会尝试原地修改元素(就地复用)提供一个地址,这里是百度的地址,通过v-html渲染。作用:设置元素的innerHTML。语法:v-html=“表达式”提供一个布尔值和两个盒子。点击“切换显示与隐藏”原创 2024-07-07 20:00:00 · 817 阅读 · 0 评论 -
vue学习day01-vue的概念、创建Vue实例、插值表达式、响应式、安装Vue开发者工具
执行加一操作后(加一操作如果是app.count++,在控制台显示加加之前的值,在页面显示加后的结果)data中的数据最终会被添加到实例上(可以理解为data中提供的数据会被添加到el选择的选择器上)在原先代码data里提供一个count数据,值为100,在容器里渲染。是可以被求值的代码,JS引擎会将其计算出一个结果。2)支持表达式,而非语句,比如:if,for。1)使用数据必须存在(data已经提供)(crx后缀的文件是要安装的文件)利用表达式进行插值,渲染到页面中。(开发版本会有更多提示)原创 2024-07-06 22:22:10 · 464 阅读 · 0 评论