DOM曼珠沙华的博客

首先，混入mixin是一个非常灵活的方式，主要用于提高组件内的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。简单些就是：凡是混入了某个文件的所有vue文件，都可以使用混入文件内的方法等。而且二者直接不是父子内之间的关系，混入文件内的东西，都可以直接使用，也不需要传参等。一个混入对象可以包含任意组件选项。同一个生命周期，混入对象会比组件的先执行。混入文件：mixin.jsexport const M..

在使用前优先是安装安装：npm install -g @vue/cli# ORyarn global add @vue/cli

为什么Vuex中必须要通过commit提交mutation？ - SegmentFault 思否

官方文档：https://doc.wangeditor.com/官方示例：https://www.wangeditor.com/在使用wangEditor之前需要先进行安装npm i wangeditor --save在安装完成后需要导入才能使用：import E from 'wangeditor'在开发时，需要将wangeditor作为组件进行开发，新建文件，在文件内的部分是整个编辑器的内容（如果在你 需要使用的文件内添加，无法展示。也有可能是自己代码问题确实无法展示...

这张图是显示的图片放大的一个预览情况，这里是参考预览操作实现的一个背景为黑色的部分，上层的图片可实现滚轮放大或者点击上部的放大镜图标进行放大，代码是基于Ant Design Vue框架的基础上因为我实际数据是后台返回的数据，图片数据均为动态，所以使用的是 :src，这里的file是需要查看这个图片的路径<img:src="file"alt=""@click="handlePhotoShow(file)"/>这里可以在data内定义这个file，方便自己测试，..

preface之前遇到几次 node-sass 安装失败， 又遇到一次， 本次记录下吧npm install> node-sass@4.9.2 install D:\yuwei-workspacke\web-frontend\jinqiao-cloud\web-manage-platform\trunk\node_modules\node-sass> node scripts/install.jsDownloading binary from https://np...

安装项目依赖时的报错，之前报错没及时截图，但是有报错提示，如下图：具体报错是这个样子：查了一下发现是core.js版本过高导致的，需要重新安装core.js，运行下方命令即可：cnpm install core-js@2多次测试，这个是有效的，但是运行这个命令需要安装淘宝镜像。...

this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样，不同的是回调的 this 自动绑定到调用它的实例上。假设我们更改了某个dom元素内部的文本，而这时候我们想直接打印出这个被改变后的文本是需要dom更新之后才会实现的，也就好比我们将打印输出的代码放在setTimeout(fn, 0)中；先来第一个例子看一看<template> <sectio..

1、问题描述：如下所示想根据不同用户的id和username请求到不同用户的信息。但是始终只能请求到第一个。

vue中计算属性和watch的区别学习vue框架，一定少不了学习计算属性computed和watchcomputed计算属性是用来声明式的描述一个值依赖了其它的值。当你在模板里把数据绑定到一个计算属性上时，Vue 会在其依赖的任何值导致该计算属性改变时更新 DOM。这个功能非常强大，它可以让你的代码更加声明式、数据驱动并且易于维护。watch监听的是你定义的变量，当你定义的变量的值发生变化时，调用对应的方法。<div>{{Name}}</div>data().

有时候我们可能需要在{{}}里进行一些计算在展示出来数据例如：在页面中展示学生的成绩、总分和平均分：<div id="app"> <table border="1"> <thead> <th>学科</th> <th>分数</th> </thead> <tbody> &

下拉表格类似于展开是3，合起是2，这样子：安装npm install --save vue-table-with-tree-grid安装完成后，需要进行导入及注册（我放置的位置为main.js）：import TreeTable from 'vue-table-with-tree-grid'Vue.component('tree-table',TreeTable)接下来就是使用了。使用在需要使用的组件内使用：<tree-table></t...

安装npm install vue-quill-editor --save配置import Vue from 'vue'import VueQuillEditor from 'vue-quill-editor'import 'quill/dist/quill.core.css' // import stylesimport 'quill/dist/quill.snow.css' // for snow themeimport 'quill/dist/quill.bubble.css

直接看vue.js自定义指令官网自定义指令产生的原因：除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。如输入框自动聚焦的例子。当页面加载时，该元素将获得焦点 (注意：autofocus 在移动版 Safari 上不工作)。事实上，只要你在打开这个页面后还没点击过任何内容，这个输入框就应当还是处于聚焦状态

v-bindv-bind指令就是用于绑定数据和元素属性的var app = new Vue({ el:'.app', data:{ url:"https://www.baidu.com", }});<div class="app"> <a v-bind:href="url">click me</a></div> 意：v-bind后面是：属性名=，我的理解是表示绑定这个属性，绑定之后，对

报错如下：PUT https://registry.npmjs.org/vue-counter - You do not have permission to publish "vue-counter". Are you lovue-counter". Are you logged in as the correct user提示没有权限，其实就是你的module名在npm上已经被占用啦，这时候你就去需要去npm搜索你的模块名称，如果搜索不到，就可以用，并且把package.json里的nam

1、npm是什么？ npm 是Node 的模块管理器，功能极其强大。 它是Node 获得成功的重要原因之一。 正因为有了npm，我们只要一行命令，就能安装别人写好的模块。 下面来介绍如何快速开发一个vue插件并发布到npm上2、项目初始化首先安装好脚手架vue-cli,打开终端输入命令作者：lwz4070链接：https://www.jianshu.com/p/b98d09609717来源：简书著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。...

先创建好vue项目后，然后在main.js内添加：Vue.filter('dateFormat', function(originVal){ const dt = new Date(originVal) const y = dt.getFullYear() // padStart 填充到多少位，填充内容为'0' const m = (dt.getMonth() + 1 + '').padStart(2, '0'); const d = (dt.getDate() + '').pa

项目内可能会经常涉及到图标使用的问题，我比较常用的是阿里的图标库。要使用图标的话，需要先对图标进行下载，下面是下载图标库及使用的步骤：获取图标1.需要进入到阿里图标矢量库官网，点击我的项目：

这个是在安装lodash的时候报错的情况尝试运行：npm cache clean --force清除npm缓存然后重新运行：cnpm i --save lodash正常

vue项目编译到一半不动了

在运行项目时， npm run serve指令运行时显示下面的报错。要怎么解决？

在使用cube-ui写了部分代码后，出现了bug，提示我这个报错，显示<cube-form>是一个未知的自定义元素，在询问我是否正确注册了组件，所以这边应该是我使用的ui框架未导入，因为我安装是正常的。所以就需要导入cub-ui，看了一下官网，使用了全部导入，在 main.js 内添加下，如下图：最后运行，报错就解决了。这种报错，如果显示<el-button>也是一样的，添加下方代码导入即可：...

大体可以分为这几种情况：父子组件传值子父组件传值兄弟组件传值（不相干的两个组件）跨组件传值父组件给子组件传值静态传值父组件内：<form-test title="element表单"></form-test>子组件使用props获取：props:['title'],子组件渲染在页面内：<h3>{{title}}</h3>最后渲染效果：动态传值子组件内的东西与上方的一致，修改父组件内的组件：<form-test

v-model是一个特殊的语法糖，相当于绑定了:value和@input两个命令。所以，v-model在使用时，需要绑定value和要响应input这个事件。<custom-input v-model="searchText"></custom-input><!-- 等价于 --><custom-input :value="searchText" @input="searchText = $event"></custom-input>子组

这里先分析一下vue项目的文件结构，组件、入口文件及配置可以添加的位置。其中：assets表示静态资源，如css，jscomponents是公共组件存放的位置App.vue是根组件main.js为入口文件组件化需要在项目src文件夹下components文件夹内创建Cart.vue文件作为购物车组件。所以在新建完成后需要在App.vue根组件内使用。组件按需引入及注册import Cart from './components/Cart.vue'export default{ na

起步在学习vue之前需要安装node（在控制管理器中node -v进行检查，若无版本号，则需要安装）。1.安装vue-clinpm install -g @vue/clinpm install -g @vue/cli-service-global一般常用第一个安装即可。2.新建项目 vue create vue-demovue-demo为你的项目名称，在安装时需要等待。3.选择配置Babal代码转义Linter代码风格测试4.启动项目npm run serve先进入项目cd

什么是MVVM？MVVM是Model-View-ViewModel的缩写。、在了解MVVM之前，我们先回顾一下前端发展的历史。在上个世纪的1989年，欧洲核子研究中心的物理学家Tim Berners-Lee发明了超文本标记语言（HyperText Markup Language），简称HTML，并在1993年成为互联网草案。从此，互联网开始迅速商业化，诞生了一大批商业网站。最早的HTML页面是完全静态的网页，它们是预先编写好的存放在Web服务器上的html文件。浏览器请求某个URL时，Web服务

状态管理的模型，我们有一个统一的数据中心store，用来维护状态数据，每个组件进行更新时就通知，每个组件更新时通知数据中心，数据中心将这样的共享状态再去触发调用它每一个组件的更新。状态管理机制：安装vuex：npm install vuex --save yarn add vuex使用Vuex需要注意的问题：将所有应用层级的状态集中到同一个store内。 更改层...

基于Promise的http库，适用于浏览器和node.js。类似Jquery中的AJAX，用于http请求。Axios的特性：1.支持Promise API2.拦截请求和响应（可在请求前和响应前的操作）3.转换请求数据和响应数据，如加解密等4.取消请求5.自动转化JSON数据（Http通过Json.parse()将字符串转化为JSON，而axios自动转换）6.客户端...

使用路由前先需要安装vue-router： 命令为：npm install veu-router --save1.路由创建：需要提供的配置文件：在项目的src目录下创建router.js文件，也可以直接添加进App.vue。如果选择配置router.js文件，需要将其导入App.vue内。在使用前需要导入vue-router并进行使用。importRout...

今天遇到的一个小问题，初学vue,如有错误，请多指教评论，谢谢！    在你的项目需要用到某一模块时，首先对其要进行安装。打开你要安装的项目，使用git bash here进行安装，输入下面的命令，按回车即可安装成功到你项目文件中的模块配置文件package,json文件中的（dependencies）。安装成功后，你会看到模块依赖以及其版本号。    $ cnpm install xxx --s...