摘要:
vue自2.0开始,vue-resource不再作为官方推荐的ajax方案,转而推荐使用axios。 按照作者的原话来说: “Ajax 本身跟 Vue 并没有什么需要特别整合的地方,使用 fetch polyfill 或是 axios、superagent 等等都可以起到同等的效果,vue-reso 阅读全文
摘要:
1、el 提供一个在页面上已存在的DOM元素作为Vue实例的挂载目标。可以是CSS选择器,也可以是一个HTMLElement实例。 因为所有的挂载元素会被Vue生成的DOM替换。因此不推荐挂载Vue实例到html或者body上。 如果在const vm = new Vue({})中存在这个选项,实例 阅读全文
摘要:
一、将方法挂载到Vue.prototype上面 缺点:调用该方法得时候没有提示 //grobal.js const RandomString =(encode = 36 ,number = -8) =>{ return Math.random() //生成随机数,eg:0.1234 .toStrin 阅读全文
摘要:
怎么同时渲染整个列表,比如使用 v-for?在这种场景中,使用 <transition-group> 组件。在我们深入例子之前,先了解关于这个组件的几个特点: 不同于 <transition>,它会以一个真实元素呈现:默认为一个 <span>。你也可以通过 tag attribute 更换为其他元素 阅读全文
摘要:
让多个组件使用同一个挂载点,并动态切换,这就是动态组件。本文将详细介绍Vue动态组件 概述 通过使用保留的 <component> 元素,动态地绑定到它的 is 特性,可以实现动态组件 <div id="example"> <button @click="change">切换页面</button> 阅读全文
摘要:
Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用过渡效果。包括以下工具: 在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库,如 Animate.css 在过渡钩子函数中使用 JavaScript 直接操作 DOM,可以配合使用第三方 JavaScrip 阅读全文
摘要:
一、slot是什么 在HTML中 slot 元素 ,作为 Web Components 技术套件的一部分,是Web组件内的一个占位符 该占位符可以在后期使用自己的标记语言填充,这样就可以创建单独的DOM树,并将它与其它的组件组合在一起。 在Vue中的概念也是如此 Slot 艺名插槽,花名“占坑”,我 阅读全文
摘要:
转自:https://www.cnblogs.com/jiaoshou/p/13415259.html 我们在写vue项目的时候都会给组件命名,这里的name非必选项。 export default { name:'xxx' } **官方文档指出:name只有作为组件选项时起作用。 ** 常见的几种 阅读全文