1.Nuxt里怎么使用vuex? Nuxt.js 内置引用了 vuex 模块，所以不需要额外安装。 Nuxt.js 会尝试找到应用根目录下的 store 目录，如果该目录存在，它将做以下的事情： 1.1> 引用 vuex 模块 1.2> 将 vuex 模块 加到 vendors 构建配置中去 1.3> 设置 Vue 根实例的 store 配置项 Nuxt.js 支持两种使用 store 的方式： 普通方式： store/index.js 返回一个 Vuex.Store 实例 模块方式： store 目录下的每个.js 文件会被转换成为状态树指定命...
增加一个自定义滚动条插件： //插件采用jsx语法，使用前需要安装vue-jsx插件 npm install babel-plugin-syntax-jsx --save-dev npm install babel-plugin-transform-vue-jsx --save-dev npm install babel-helper-vue-jsx-merge-props --save-dev npm install babel-preset-es2015 --save-dev //更改.babelrc文件 {"presets": [["es2015", { "modules": false }],["env", {"modules": false,"targets": {"browsers": ["> 1%", "las...
最近看到有些人说vue是双向数据绑定的，有些人说vue是单向数据流的，我认为这两种说法都是错误的，vue是一款具有响应式更新机制的框架，既可以实现单向数据流也可以实现数据的双向绑定。 2 单向数据流与数据双向绑定 单向数据流是指model中的数据发生改变时引起view的改变。双向数据绑定是指model中的数据发生改变时view的改变，view的改变也会引起model的改变。//这个是单向数据流，改变这个input的value值并不能是data中的text属...
我是标题党吗？是，但也不是。以图为证。上图表示了vue, react 以及 imba 在 todo 这个项目中拥有60个 todoItem 不同进行 crud 操作的表现。可以看到 imba 达到了每秒操作5w次以上。如果你也想试一试该测试,可以访问Todos Bench 。测试使用的是 Benchmark.js 。 imba 简单介绍 imba 是一种新的编程语言，可以编译为高性能的 JavaScript。可以直接用于 Web 编程(服务端与客户端)开发。 下面是语法： // 自定义标签 tag App// 属性pr...
1如何引入组件库有两种方法 1 npm下载 2 下载代码，下面介绍第二种方法。在gitHub上， 链接如下 https://github.com/youzan/vant-weapp 首先在自己项目目录static下新建一个vant文件夹，用于存放组件文件，把dist文件夹下的所有文件拷贝到static下面的vant目录下，如下所示：2 如何使用1 在需要使用组件的页面所在的文件夹下新建一个页面main.json， （新建页面后必须npm run dev 才能生效）在其中引入相应的组件即可，如下图所示...
组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系：如上图所示，A 和 B、B 和 C、B 和 D 都是父子关系，C 和 D 是兄弟关系，A 和 C 是隔代关系（可能隔多代）。 针对不同的使用场景，如何选择行之有效的通信方式？这是我们所要探讨的主题。本文总结了vue组件间通信的几种方式，如props、 $emit/ $on、vuex、 $parent / $children、 $...
Nuxt.js 是一个基于 Vue.js 的通用应用框架。 通过对客户端/服务端基础架构的抽象组织， Nuxt.js 主要关注的是应用的 UI渲染。 SSR ，即服务器渲染，就是在服务器端将对Vue页面进行渲染生成html文件，将html页面传递给浏览器。 Nuxt.js是特点（优点）： 基于 Vue.js自动代码分层服务端渲染强大的路由功能，支持异步数据静态文件服务ES6/ES7 语法支持打包和压缩 JS 和 CSSHTML头部标签管理本地开发支持热加载集成ESLint支持各种样式...
一.什么是mpvue框架？ mpvue 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心（所以建议熟练掌握vue再使用mpvue框架，否则还是建议去使用原生框架去写小程序），mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套 Vue.js 开发体验。 二.必要的开发基础 ① 熟练掌握vue.js（未曾使用过vue这个框架的话，建议vue的官方文档进行学习：https://cn.vuejs.org/v...
1. vant 介绍### 扫码体验Vant - 轻量、可靠的移动端 Vue 小程序 组件库。由 有赞 公司开发与维护。提供了一系列美观、优质的移动端组件。vant 官网 2. 在普通小程序怎么使用 vant 组件 使用之前 使用 Vant Weapp 前，请确保你已经学习过微信官方的小程序简易教程 和自定义组件介绍 安装 方式一. 通过 npm 安装 (推荐) 小程序已经支持使用 npm 安装第三方包，详见npm 支持 # npm npm i vant-weapp -S --production# yarn yarn add...
使用vue框架，jar包都已经导入进去了，可是还是不能运行，提示vue未定义 控制台报错：vue is not defined报错原因：如图vue2解决方法：如图vue3.将js文件引入到body中 或者是直接在body中写js代码如图vue4问题解决：如图vue5
一、mintUI简介 mint是一个基于vue的前端UI框架，而它的样式比较类似于手机的样式，可以说是一个基于vue打包app的UI框架，使用mint框架可以给使用vue打包的app的用户更好的交互体验。mint已支持vue2.0。二、安装和引入mintUI 在安装之前首先要对vue.js有所了解，有一个建立好的vue的项目以及安装好的node.js。 执行命令npm i mint-ui -S，出现以下界面代表安装成功。引入muitUI： 在main.js中加入 import MintUI from mint-uii...
根据官网的文档，要在一个html文件下使用layui里面的组件库其实很简单，但是在vue项目中使用该ui库却存在着很多坑，下面我们就详细讲解一下如何在vue-cli搭建的项目下使用layui 1.第一个坑：vue项目中使用npm安装引入时报错（目前并没有找到引入的合适的方式，知道的可以留言探讨） 在官网中我们可以看到他提到支持npm安装，但是当我们安装成功后，在main.js中引入时却报并不能找到该模块的错。 所以，我们先下载文件包，然后在htm...
众所周知如今市面上端的形态多种多样，手机Web、ReactNative、微信小程序, 支付宝小程序, 快应用等,每一端都是巨大的流量入口，当业务要求同时在不同的端都要求有所表现的时候，针对不同的端去编写多套代码的成本显然非常高，这时候只编写一套代码就能够适配到多端的能力就显得极为需要。 但面对目前市面上成熟的小程序第三方框架如何针对自己的需求进行选择也是一个麻烦事,本文针对当前市面上的三大转译框架进行一个综合对比,希望...
当前大部分UI框架设计的Webpack配置都相对复杂，例如 Element 、 Ant Design Vue 和Muse-UI等Vue组件库。例如Element，为了实现业务层面的两种引入形式（ 完整引入 和 按需引入 ），以及抛出一些可供业务层面通用的 utils 、 i18n 等，Webpack配置变得非常复杂。为了简化UI框架的设计难度，这里介绍一种简单的UI框架设计，在此之前先简单介绍一下 Element 的构建流程，以便对比新的UI框架设计。 一般组件库的设计者将引入形式设计成...
前言 vue是现在很火的一个前端MVVM框架，它以数据驱动和组件化的思想构建，与angular和react并称前端三大框架。相比angular和react，vue更加轻巧、高性能、也很容易上手。大家也可以移步vue官网，看一下它的介绍和核心功能介绍。简单粗暴的理解就是：用vue开发的时候，就是操作数据，然后vue就会处理，以数据驱动去改变DOM。使用vue，我们可以集中精力于如何处理数据上，数据改变后，页面显示也会随之改变。相比jquery那种操作DOM元...