Vue
关注
分享
扫一扫
小梦新靓
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
computed
文章目录一、计算属性二、介绍使用三、计算属性的setter和get四、注意一、计算属性 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中**放入太多的逻辑会让模板过重且难以维护**,因此计算属性可以解决这个维护问题<div id="computed-basics"> <p>Has published books:</p> <span>{{ author.books.length > 0 ? 'Yes' : 'No原创 2021-08-23 16:48:05 · 358 阅读 · 0 评论 -
watch
文章目录一、概念二、使用三、对比一、概念 侦听器，虽然计算属性在大多数情况下更合适，但有时也需要一个自定义的侦听器。这就是为什么 Vue 通过watch选项提供了一个更通用的方法， 来响应数据的变化。当需要在数据变化时执行异步或开销较大的操作时，这个方式是最有用的。二、使用<div id="watch-example"> <p> Ask a yes/no question: <input v-model="question" />原创 2021-08-23 16:46:19 · 298 阅读 · 0 评论 -
vue文档
文档原创 2021-06-22 17:44:09 · 245 阅读 · 0 评论 -
vue生命周期最全学习
文章目录一、为什么要学习声明周期二、什么是vue的生命周期2.1、生周期的经历过程.2、生命周期的作用2.3、理解什么是钩子函数2.4、Vue生命周期总共有几个阶段2.5、（重点）分别看看vue生命周期的这八个阶段，这八个阶段对应的钩子函数2.5.1、创建前（beforeCreate）2.5.2、创建后（created）2.5.3、载入前（beforeMount）2.5.4、载入后（mounted）2.5.5、更新前（beforeUpdate）2.5.6、更新后（updated）2.5.7、销毁前（befo原创 2021-01-31 18:19:14 · 623 阅读 · 0 评论 -
git add . 的时候遇到warning: LF will be replaced by CRLF in ...... 解决办法
https://blog.youkuaiyun.com/wxl1555/article/details/53033739原创 2019-12-09 22:49:15 · 232 阅读 · 0 评论 -
vue.esm.js?efeb:628 [Vue warn]: Error in render: "TypeError: Cannot read property 'resolve' of undef
错误原因是在main.js中我把router的位置写在了render函数的后面导致都渲染了我还没有挂载路由import app from './App.vue'var vm=new Vue({ el:"#app", //1.4、挂载路由模块到实例上 router, //渲染组件 render:c=>c(app)}, )...原创 2019-12-09 15:24:06 · 5771 阅读 · 0 评论 -
Vue取消eslint语法限制
https://blog.youkuaiyun.com/u010429286/article/details/80108593原创 2019-12-06 20:51:33 · 168 阅读 · 0 评论 -
到创建Vue项目，即是在输入vue init webpack my-first-vue 回车键之后显示 Command vue init requires a global addon to be i
Command vue init requires a global addon to be installed. Please run npm install -g @vue/cli-init and try again.解决办法npm install -g @vue/cli-init 然后在执行原创 2019-12-06 20:01:01 · 1373 阅读 · 0 评论 -
vue : 无法加载文件 C:\Users\1111111\AppData\Roaming\npm\vue.ps1,因为在此系统禁止运行脚本
解决办法管理员原创 2019-12-04 15:45:35 · 224 阅读 · 0 评论 -
Vue组件通信方式总结
一、为什么要学习组件的通信？1、组件实例的作用域是相互独立的。本身组件之间数据和方法是不能交流的2、但是对vue来说，组件之间的消息传递是非常重要的3、组件可以有一下几种关系如上图所示，A 和 B、B 和 C、B 和 D 都是父子关系，C 和 D 是兄弟关系，A 和 C 是隔代关系（可能隔多代）。所以组件之间通信就有：父子之间的通信、兄弟之间的通信、……针对不同的使用场景。如何...原创 2019-12-01 17:14:53 · 578 阅读 · 0 评论 -
关于Vue中props的详解
组件实例的作用域是孤立的。这意味着不能 (也不应该) 在子组件的模板内直接引用父组件的数据。父组件的数据需要通过 prop 才能下发到子组件中。也就是props是子组件访问父组件数据的唯一接口。一个组件可以直接在模板里面渲染data里面的数据（双大括号）。子组件不能直接在模板里面渲染父元素的数据。如果子组件想要引用父元素的数据，那么就在prop里面声明一个变量（比如a）...原创 2019-11-29 21:36:37 · 1097 阅读 · 0 评论 -
v-model 修饰符：.lazy .number .trim
一、change事件input事件：input事件在输入框输入的时候回实时响应并触发change事件：change事件在input失去焦点才会考虑触发，它的缺点是无法实时响应。与blur事件有着相似的功能，但与blur事件不同的是，change事件在输入框的值未改变时并不会触发，当输入框的值和上一次的值不同，并且输入框失去焦点，就会触发change事件。二、v-model修饰符学...原创 2019-11-26 21:01:24 · 261 阅读 · 0 评论 -
V-model指令
使用V-model指令，可以实现表单元素和model中数据的双向绑定-----v-model绑定的data的数据后会根据用户的操作进行更改可以用v-model指令在表单(input textarea select)元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。它负责监听用户输入事件以更新数据v-model 在内部为不同的输入元素使用不同的属性并抛出不同的事件：...原创 2019-11-26 20:29:51 · 1459 阅读 · 0 评论 -
watch监听路由的变化
用watch监听非DOM元素eg:路由<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="js/vue-...原创 2019-11-26 20:11:04 · 1119 阅读 · 0 评论 -
Vue中的computed计算属性
在computed中，可以定义一些属性，这些属性，叫做计算属性计算属性本质就是一个方法，只不过，我们在使用这些计算属性的时候，把他们当作名称，直接当作属性来使用，而不是当作方法来使用'fullname':function(){return this.first+this.second;}注意1、计算属性，在引用的时候一定不要加（）去调用，直接把它当作普通属性去使用就好2、只要...原创 2019-11-26 20:10:18 · 150 阅读 · 0 评论 -
监视Vue中data的改变的操作
一、引入案例要求：实现一个数据改变另一个就随着这个数据地改变而改变1.1、实现此情况的原生操作<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title><!-- 分析：实现一个数据改变...原创 2019-11-26 20:07:28 · 2416 阅读 · 0 评论