vue
文章平均质量分 61
wyd1022
这个作者很懒,什么都没留下…
展开
-
VueJs 监听 window.resize 方法---窗口变化
Vuejs 本身就是一个 MVVM 的框架。 但是在监听 window 上的 事件 时,往往会显得 力不从心。 比如 这次是 window.resize 恩,我做之前也是百度了一下。看到大家伙都为这个问题而发愁。 问题: 今天我也 遇到了这样一个问题, 是关于canvas 自适应。 根据窗口的变化去变化 canvas 的宽度 备注: 重要的问题说三遍 解决 框转载 2017-11-08 09:09:47 · 2737 阅读 · 0 评论 -
如何利用vue-cli初始化构建vue项目
第一步:安装vue-clicnpm intall vue-cli -g第二步:检查是否安装成功查看vue-cli是否成功,不能检查vue-cli,需要检查vuevue -V查看vue的版本号vue list第三步:初始化vue init webpack “名称”名称就是创建项目的名称,暂时叫做vue-me如果在执行上述 操作之后,你遇到如下的错误,导致不能运行。上述的报错是由于使用cnpm安装的,...转载 2018-04-23 16:18:16 · 211 阅读 · 0 评论 -
Vue 爬坑之路(一)—— 使用 vue-cli 搭建项目
vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目,GitHub地址是:https://github.com/vuejs/vue-cli 一、 安装 node.js首先需要安装node环境,可以直接到中文官网http://nodejs.cn/下载安装包。只是这样安装的 node 是固定版本的,如果需要多版本的 node,可以使用 nvm 安装...转载 2018-03-10 14:03:57 · 147 阅读 · 0 评论 -
vue插件使用方法
开发插件 插件通常会为Vue添加全局功能。插件的范围没有限制——一般有下面几种: 添加全局方法或者属性,如: vue-element 添加全局资源:指令/过滤器/过渡等,如 vue-touch 通过全局 mixin方法添加一些组件选项,如: vuex 添加 Vue 实例方法,通过把它们添加到 Vue.prototype 上实现。 一个库,转载 2017-10-26 13:32:16 · 529 阅读 · 0 评论 -
Vue 表单验证插件的写作过程
前言 前段时间,老大搭好了Vue的开发环境,于是我们愉快地从JQ来到了Vue。这中间做的时候,在表单验证上做的不开心,看到vue的插件章节,感觉自己也能写一个,因此就自己开始写了一个表单验证插件va.js。 当然为什么不找个插件呢? vue-validator呀。 我想了下,一个是表单验证是个高度定制化的东西,这种网上找到的插件为了兼顾各个公司的需求,所以加了很多功能,这些我们转载 2017-10-26 13:25:57 · 275 阅读 · 0 评论 -
Vue.js-----轻量高效的MVVM框架(使用slot分发内容)
#单个slot html: h3>#单个sloth3> 定义child01模板 --> template id="child01"> div>this is temp01 component!div> slot> 如果没有分发内容,这里将会被显示 slot> template> div id="dr01"> child01>chil转载 2017-10-26 11:32:22 · 165 阅读 · 0 评论 -
如何使用Vue中的slot
之前看官方文档,由于自己理解的偏差,不知道slot是干嘛的,看到小标题,使用Slot分发内容,就以为 是要往下派发内容。然后就没有理解插槽的概念。其实说白了,使用slot就是先圈一块地,将来可能种花种菜,也有可能在这块地上建房子。然而slot可以以一当十,可以插入很多东西。不知明白否? 由于项目经验有限,这篇我就先跟着官网的知识点走,当然会加入自己的部分项目代码。 关于slot是这样说转载 2017-10-26 11:29:41 · 531 阅读 · 0 评论 -
Vue2.0子同级组件之间数据交互
熟悉了Vue.js的同级组件之间通信,写此文章,以便记录。 Vue是一个轻量级的渐进式框架,对于它的一些特性和优点,请在官网上进行查看,不再赘述。 使用NPM及相关命令行工具初始化的Vue工程,目录结构如下 接着我们进入Demo,首先我们可以删除掉模板项目中src/components/Hello.vue,然后在App.vue中删除对于Hello子组件转载 2017-11-01 11:03:23 · 141 阅读 · 0 评论 -
Vue中使用vux的配置
一、根据vux文档直接安装,无需手动配置npm install vue-cli -g // 如果还没安装 vue init airyland/vux2 my-project // 创建名为 my-project 的模板cd my-project // 进入项目 npm install --registry=https://registry.npm.taobao.org ...转载 2018-04-24 09:19:33 · 290 阅读 · 0 评论