vue
Vuex状态数据源state
（1）单一状态树 Vuex使用单一状态，用一个对象就包含了全部的应用层级状态。至此它便作为一个“唯一数据源(SSOT)”而存在。这也意味着，每个应用将仅仅包含一个store实例。 单一状态树让我们能够直接地定位任一特定的状态片段，在调试的过程中也能轻易...
Vuex准备
（1）简介每一个Vuex应用的核心就是store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态(state)。Vuex和单纯的全局对象有以下两点不同：Vuex的状态存储是响应式的。当Vue组件从store中读取状态的时候，若store中的状态发生变化，那么相应的组件也...
Vuex简介
（1）简介 Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex也集成到Vue的官方调试工具 devtoolsextension，提供了诸如零配置的time-travel...
Vue工程化之引入element-ui框架后图标失效
场景： vue-cli搭建的工程化项目，引入element框架后发现图标无效，变为方块 解决方案： 在index.html引入样式文件CDN链接即可<!--引入样式--><linkrel="stylesheet"...
使用node+vue实现简单的WebSocket聊天功能
websocket的即时通信非常的强大，这里我用node启动了一个服务进行websocket链接，然后再vue的view里面进行了链接，进行通信，废话不多说，直接上代码吧，首先，我需要用到node的nodejs-websocket模块使用yarn进行安装1yarnaddnodejs-websocket--save当然，...
Vue面试题总结
【前言】 本节主要讲解下VUe面试问题 【主体】 一、什么是MVVM？MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View代表UI组件，它负...
Vue的elementUI实现自定义主题
使用vue开发项目，用到elementUI，根据官网的写法，我们可以自定义主题来适应我们的项目要求，下面来介绍一下两种方法实现的具体步骤，（可以参考官方文档自定义主题官方文档），先说项目中没有使用scss编写，用主题工具的方法（使用的较多）使用vue-cli安装完项目并引入element-ui（具体可参考第二种方法中的...
.vue公共组件裁减导航
场景： 有一个公共头部和底部，vue搭建的框架，在app.vue里写的公共方法，首页是个登录页面，不需要公共部分，在这基础上进行公共部分的显示隐藏。 即注册页、登录页、404页面都不要导航 代码：（1）路由跳转到404时隐藏导航此时在跳转页面时便可以实现...
[Vue warn]: Failed to mount component: template or render function not defined.解决方案
命名视图vuerouter里有一个模式叫做 命名视图本来一个页面里面只能有一个路由视图对应一个组件，现在可以多个路由视图对应多个组件。 出错点点击标签之后，<router-view></router-view>中并没有内容出现。反而控制台中报错了。 原因...
vue-awesome-swiper 插件
Swiper版本区分了组件和普通版本（1）npminstallvue-awesome-swiper–save （2）在main,js里引入（全局）:importVueAwesomeSwiperfrom'vue-awesome-swiper'Vue.use(VueAwesomeSwiper)impo...
vue与node和npm关系
（1）node功能准确的说是使用vue-cli脚手架搭建项目的时候需要nodejs。也可以用script标签引入vue.min.js这样的，在js里实例化vue也行。使用node有几件事，打包部署，解析vue单文件组件，解析每个vue模块，拼在一起，转码es6，less，等，启动测试服务器localhost8080,帮...
vue组件之this指向问题
【问题描述】返回顶部组件里，用到数据操作。通过方法里改动this数据，但发现直接使用失效mounted(){window.onscroll=function(){if(document.documentElement.scrollTop>100){this.isActive=true;}else{this.isA...
vue脚手架引入swiper
方法一：下载swiper：npminstallswiper--save-devswiper4.0使用入口：http://www.swiper.com.cn/usage/index.html；html： <divclass="swiper-container"><divclass="swipe...
vue工程化引入组件模板
vue脚手架搭建好项目后，组件间的引用通过componentsimportbannerComponentfrom'./banner'exportdefault{data(){return{}},components:{bannerComponent}}使用时<bannerComponent></ban...
vue工程化：返回顶部和底部的动画效果
.<template><div><divclass="scroll":class="{show:isActive}"><divid="toTop"@click="toTop(step)"><</div&g...
