VUE学习
哈哈n
这个作者很懒,什么都没留下…
展开
-
【vue学习】slot
在 2.6.0引入 v-slot指令【缩写为#】提示:v-slot can only be used on components or <template>.即v-slot 只能添加在一个 <template> 上,这一点和已经废弃的 slot 特性不同。在接下来所有的 2.x 版本中 slot 和 slot-scope 特性仍会被支持,但已经被官方废...原创 2019-07-19 09:49:48 · 3313 阅读 · 0 评论 -
【vue学习】渲染函数&jsx
Vue 推荐在绝大多数情况下使用模板来创建你的 HTML。然而在一些场景中,你真的需要 JavaScript 的完全编程的能力。这时你可以用渲染函数先贴官网地址:渲染函数&jsx官网简单案例h1~h6模板写法render写法调用Vue-render函数createElement创建虚拟DomcreateElement 到底会返回什么呢?其实不是一个实际的 ...原创 2019-07-19 16:15:36 · 1278 阅读 · 0 评论 -
【vue学习】动态组件和异步组件
动态组件有的时候,在不同组件之间进行动态切换是非常有用的,比如在一个多标签的界面里:is上述内容可以通过 Vue 的 <component> 元素加一个特殊的 is 特性来实现<component v-bind:is="currentTabComponent"></component>在上述示例中,currentTabComponent 可以包...原创 2019-07-24 14:00:35 · 4135 阅读 · 0 评论 -
【vue学习】指令
不常用指令v-text<span v-text="msg"></span><!-- 和下面的一样 --><span>{{msg}}</span>v-html<div v-html="html"></div>在网站上动态渲染任意 HTML 是非常危险的,因为容易导致 XSS 攻击。只在可...原创 2019-07-22 12:35:30 · 81 阅读 · 0 评论 -
【vue学习】处理边界情况
访问元素 & 组件在绝大多数情况下,我们最好不要触达另一个组件实例内部或手动操作 DOM 元素。不过也确实在一些情况下做这些事情是合适的。$root所有的子组件都可以将这个实例作为一个全局 store来访问或使用对于 demo 或非常小型的有少量组件的应用来说这是很方便的。不过这个模式扩展到中大型应用来说就不然了。因此在绝大多数情况下,我们强烈推荐使用 Vuex 来管理...原创 2019-07-26 15:54:51 · 214 阅读 · 0 评论 -
【vue学习】生命周期
马老师的VUE生命周期教程下面的图片来自上面链接Vue实例虽然没有完全遵循 MVVM 模型,但是 Vue 的设计也受到了它的启发。因此在文档中经常会使用 vm (ViewModel 的缩写) 这个变量名表示 Vue 实例。一个 Vue 应用由一个通过new Vue() 创建的根 Vue 实例,以及可选的嵌套的、可复用的组件树组成。所有的 Vue 组件也都是 Vue 实例,并且接受相同的选...原创 2019-08-08 08:21:28 · 156 阅读 · 0 评论 -
【vue学习】axios
Ajax、fetch、axios的区别与优缺点axios的github地址原生ajax //创建异步对象 var xhr = new XMLHttpRequest(); //设置请求基本信息,并加上请求头 xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded"); ...原创 2019-08-10 12:55:11 · 184 阅读 · 0 评论 -
【vue学习】数组/对象更新监测
数组监测案例点击修改,页面未变化,查看控制台打印信息(items是最新数据):加上this.$forceUpdate(),页面更新。也可以直接用vm.$set()或给items重新赋值或用数组方法,如下:再来看个神奇的操作【这里应该涉及到diff算法、VNODE,另行学习】将修改按钮的函数改成如上图,这时候点击修改按钮this.items[1] = {message:'S...原创 2019-08-10 20:15:49 · 206 阅读 · 0 评论