Vue37 常用的组件库
摘要:1 移动端 vant ui:https://vant-ui.github.io/vant/#/zh-CN (https://vant-ui.github.io/vant/#/zh-CN) cube ui:https://didi.github.io/cube-ui/#/zh-CN mint ui:h
阅读全文
Vue36 hash模式和history模式
摘要:1 简介 路由模块的本质就是建立起url和页面之间的映射关系。hash模式url里面永远带着#号,history没有,开发当中默认使用hash模式。 2 hash模式和history的区别 1)hash路由在地址栏URL上有#,用 window.location.hash 读取。而history路由
阅读全文
Vue35 路由
摘要:1 简介 vue-router是vue的一个插件,专门用来实现SPA应用。SPA也就是单页Web应用,特点是:整个应用只有一个完整的页面,点击页面中的导航链接不会刷新页面,只会做页面的局部更新,数据需要通过ajax请求获取 2 路由的基本使用 先来个简单的示例,点击About和Home路由到不同的额
阅读全文
Vue34 VueX
摘要:1 简介 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 vue官方搭配,专属使用,有专门的调试工具。集中式管理数据状态方案 。数据变化是可预测的 (响应式) 组件之间的传值有哪些?
阅读全文
在执行npm install执行报错node-sass
摘要:1 错误信息 这个错误信息不是我当时的报错信息,是网上找的,报错的时候忘记存了,处理好了又找不到错误信息,就从网上找的差不多的错误信息 gyp ERR! configure error gyp ERR! stack Error: Can't find Python executable "C:\Us
阅读全文
Vue33 使用nvm管理nodejs
摘要:1 nvm简介 NVM:Node Version Manage,即Node的版本管理工具。使用NVM,可以按照nodejs,可以进行版本切换,可以卸载nodejs等等。 由于项目开发当中,不同的项目可能依赖不同版本的NodeJS,这种情况下,NodeJS版本的切换将会是一件非常麻烦的事情。因此,使用
阅读全文
Vue32 插槽
摘要:1 简介 是一种组件间通信的方式,让父组件可以向子组件指定位置插入 html 结构。子组件中的提供给父组件使用的一个占位标签,用<slot></slot> 表示,父组件可以在这个占位符中填充任何模板代码,如 HTML、组件等,填充的内容会替换子组件的<slot></slot>标签。简单理解就是子组件
阅读全文
Vue31 消息订阅和发布
摘要:1 简介 组件之间的通信除了使用事件总线之外,还可以使用一些插件来通过消息的订阅和发布来实现。pubsub-js就是一个不错的选择。 2 使用 2.1 安装 npm i pubsub-js # 或 yarn add pubsub-js 2.2 引入 分别在发布消息(提供数据)的组件和订阅消息(获取数
阅读全文
Vue30 过度与动画
摘要:1 简介 Vue封装的过度与动画,插入、更新或者移除 DOM 时,在合适的时候给元素添加样式类名,达到应用过渡和动画效果。 2 vue内置的样式 Vue在元素显示与隐藏的过渡中,提供了 6 个 class 来切换: 1)v-enter:定义进入过渡的开始状态。在元素被插入之前生效,在元素被插入之后的
阅读全文
Vue29 $nextTick
摘要:https://www.jianshu.com/p/f1906903b609 1 介绍 Vue 在修改数据之后,视图不会立即更新,而是等待同一事件循环中的所有数据变化完成之后,再统一进行视图更新。而 nextTick 的触发时机就是在重新渲染完毕后 官方说明:在下次DOM更新循环结束之后执行延迟回调
阅读全文
Vue29 自定义事件及消息总线
摘要:1 简介 组件自定义事件是一种组件间的通信方式,方向是 子组件 >父组件。 使用场景:A是父组件,B是子组件,如果要把B的数据传给A,可以使用props加回调函数实现或者自定义事件实现。 2 自定义组件 主要分为两个步骤:1绑定事件回调函数 2触发事件 2.1 绑定事件回调函数 它有两种写法 1)在
阅读全文
Vue28 Web Storage
摘要:https://www.jianshu.com/p/513f6949fc25 1 简介 Web Storage 包括 localStorage 和 sessionStorage ,是浏览器本地数据存储的另一个方案,最开始提出来是为了弥补 Cookie 本地化数据存储的缺陷(存储量小、每次请求都会携带
阅读全文
Vue27 scoped样式
摘要:https://www.jianshu.com/p/d80383251fc5 1 简介 当我们在组件中写样式,vue最后会把所有样式合在一起,如果样式名称重复的话就会有问题 style标签上加scoped属性, 组件内的样式只在当前vue组件生效,实现组件的私有化,不对全局造成样式污染,表示当前st
阅读全文
Vue 26 plugins
摘要:1 简介 它是用来增强vue的。它是包含install方法的一个对象,install的第一个参数是Vue,第二个以后参数是插件使用者传入的参数 插件里面可以配置全局过滤器、全局指令、混入、Vue原型上添加方法属性等 2 定义一个插件 1)plugin.js export default { inst
阅读全文
Vue25 mixin
摘要:1 简介 混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。 简单来说,就是把组件的某些配置可以抽取出来,达到复用的效果。比如几个组件都用到一个方法,就可以把
阅读全文
Vue 24 props
摘要:1 简介 props主要用于组件的传值,他的工作就是为了接收外面传过来的数据,与data、el、ref是一个级别的配置项 2 一个简单示例 1)StudentComp.vue <template> <div> <h1>{{stname}}</h1> <h1>{{age}}</h1> </div> <
阅读全文
Vue23 ref属性
摘要:1 简介 在js中,我们获取一个元素可以通过document.getElementById()去获取,在vue中,使用了ref属性来替代id,通过ref属性可以获取html元素以及vue组件实例对象 它被用来给元素或子组件注册引用信息(ID的替代者) 该属性应用在html元素时,获取的是dom元素对
阅读全文
Vue22 VueCli 脚手架
摘要:1 简介 CLI 是 Command-Line Interface, 翻译为命令行界面, 但是俗称脚手架 Vue CLI是一个官方发布 vue.js 项目脚手架 使用 vue-cli 可以快速搭建 Vue 开发环境以及对应的 webpack 配置. VueCLI是一个官方发布vue.js项目脚手架,
阅读全文
Vue21 组件
摘要:1 模块及组件简介 组件(component)是vue.js最强大的功能之一。组件的作用就是封装可重用的代码,通常一个组件就是一个功能体,便于在多个地方都能够调用这个功能体。 每个组件都是Vue的实例对象。 我们实例化的Vue对象就是一个组件,而且是所有组件的根组件。 组件可以很好地把代码分成一块块
阅读全文
Vue20 生命周期
摘要:转:https://blog.csdn.net/weixin_45791692/article/details/124045505 1 简介 Vue的生命周期就是vue实例从创建到销毁的全过程,也就是new Vue() 开始就是vue生命周期的开始。 Vue 实例有⼀个完整的⽣命周期,也就是从开始创
阅读全文