CatEatApple的专栏

npm安装模块【npm install xxx】利用 npm 安装xxx模块到当前命令行所在目录； 【npm install -g xxx】利用npm安装全局模块xxx；本地安装时将模块写入package.json中：【npm install xxx】安装但不写入package.json； 【npm install xxx –save】 安装并写入package.json的”depe...

在 Vue.js 的项目中，如果项目结构简单， 父子组件之间的数据传递可以使用  props 或者 $emit 等方式 http://www.cnblogs.com/wisewrong/p/6266038.html但是如果是大型项目，很多时候都需要在子组件之间传递数据，使用之前的方式就不太方便。Vue 的状态管理工具 Vuex 完美的解决了这个问题。 一、安装并引入 Vuex项目结...

组件（Component）是 Vue.js 最强大的功能之一，之前的文章都只是用到了基本的封装功能，这次将介绍一些更强大的扩展。 一、基本用法在使用 vue-cli 创建的项目中，组件的创建非常方便，只需要新建一个 .vue 文件，然后在 <template> 中写好 HTML 代码，一个简单的组件就完成了 一个完整的组件，除了 <template> 以...

 Vue 的组件作用域都是孤立的，不允许在子组件的模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递。首先用 vue-cli 创建一个项目，其中 App.vue 是父组件，components 文件夹下都是子组件。 一、父组件向子组件传递数据在 Vue 中，可以使用 props 向子组件传递数据。 子组件部分：这是 header.vue 的...

 使用vue中的is特性来加载不同的组件。具体看如下代码；这个功能对于vue比较复杂的页面可以使用上，可以把一个页面的功能拆分出来，使代码更简单。使用方式具体看如下代码：主页面代码如下，分别导入了child1.vue, child2.vue, child3.vue 3个小模块，当点击页面某一项的时候去加载不同的组件。<style>  </style>&l...

以vue创建的官方例子为例子，我们在开发环境的时候会 npm run dev ，生成 而想要打包成一份很简单， 只需要 npm run build 这个命令这两种命令的配置文件在config的index.js  一种是build 一种是dev ，而我们想要在本地查看打包后的成果，需要在assetsPublicPath 改变它的路径， 具体为什么，可以看index.html引入的文件...

vue.js如何更改默认端口号8080为指定端口执行npm run dev实际是在调用根目录下的package.json打开package.json后可发现有这样一段代码"scripts": {    "dev": "node build/dev-server.js",    "build": "node build/build.js",    "lint": &quot

转自：https://www.cnblogs.com/goloving/p/8901189.html 一、开发环境中跨域　　使用 Vue-cli 创建的项目，开发地址是 localhost:8080，需要访问非本机上的接口http://10.1.0.34:8000/queryRole。不同域名之间的访问，需要跨域才能正确请求。跨域的方法很多，通常都需要后台配置，不过 Vue-cli 创建的...

Vue怎么设置左上角icon图标呢？步骤如下：（1）、提前把icon图标copy到static目录下（2）、在index.html页面添加<link rel ="shortcut icon" type="image/x-icon" href="static/favicon.ico">（3）、保存页面刷新浏览器即可...

cookies、sessionStorage和localStorage解释及区别在浏览器查看HTML4的本地存储 cookie浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。一、cookie和sessioncookie和session都是用来跟踪浏览器用户身份的会话方式。区别：1、保持状态：coo...

npm install X:会把X包安装到node_modules目录中 不会修改package.json 之后运行npm install命令时，不会自动安装Xnpm install X –save: 会把X包安装到node_modules目录中 会在package.json的dependencies属性下添加X 之后运行npm install命令时，会自动安装...

<canvas id="canvas" width="800" height="500">抱歉，您的浏览器不支持canvas元素</canvas>之前是这样写的var img = new Image();//表示嵌入一个图像对象实例img.src = this.url;//表示获取图像的URL 这里的url为网络图片地址var canvas = docume...

用computed定义一个address对象吧，然后再去watch addresdata() { return { city: '', country: '' }},computed: { address() { const { city, country } = this return { city, country...

前言在使用vue一个多礼拜后，感觉现在还停留在初级阶段，虽然知道怎么和后端做数据交互，但是对于mounted这个挂载还不是很清楚的。放大之，对vue的生命周期不甚了解。只知道简单的使用，而不知道为什么，这对后面的踩坑是相当不利的。因为我们有时候会在几个钩子函数里做一些事情，什么时候做，在哪个函数里做，我们不清楚。于是我开始先去搜索，发现vue2.0的生命周期没啥文章。大多是1.0的版本...

1.通过cnpm安装bootstrap和jquery cnpm install bootstrap jquery --save 2.要使用bootstrap必须先引入jQuery 找到build文件夹下的webpack.prod.conf.js文件打开，新增配置： plugins: [ new webpack.ProvidePlugin({ $: ...

1：首先安装的jquerynpm install jquery --save2：在webpack.base.conf.js里加入(位于里面的第一句)3：在module.exports的最后加入  4：在main.js中引入 5.重新启动npm run  dev...

错误提示:[vue-language-server] Elements in iteration expect to have 'v-bind:key' directives.Renders the element or template block multiple times based on the source data使用VS Code 出现如下问题，如图Vue 2.2.0...

 转自https://blog.csdn.net/meitesiluyuan/article/details/73573023

vue中的 ref 和 $refs如图，ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例：在上面的例子中，input的引用信息为input1 ，$refs 是所有注册过的ref的一个集合，console.log(this.$refs....

个人分类： JavaScript／HTML/CSSArrayBuffer：类型化数组来自《JavaScript 标准参考教程（alpha）》，by 阮一峰目录分配内存 视图 视图的生成 视图的操作 复合视图 DataView视图 应用 Ajax Canvas File 参考链接类型化数组是JavaScript操作二进制数据的一个接口。这要从WebGL项目的...

Javascript怎么比较两个数组是否相同？JS怎么比较两个数组是否有完全相同的元素？Javascript不能直接用==或者===来判断两个数组是否相等，无论是相等还是全等都不行，以下两行JS代码都会返回false<script type="text/javascript"> alert([]==[]); alert([]===[]);&l...

这篇文章主要介绍了Vue+element-ui 实现表格的分页功能示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧template部分：<el-table:data="tempList":header-cell-style="rowClass"stripeborder style="margin-bottom:14px...