随笔分类 -  vue

vue相关文章
摘要:npm更新和nodejs更新 更新你已经安装的NPM库,这个很简单,只需要运行。 npm update -g 更新Nodejs自身。一直依赖我都是下载最新版的源码,然后make install,及其繁琐。其实只需要运行以下2个命令即可: npm install -g n n latest 更新全局包 阅读全文
posted @ 2020-06-11 16:22 brave-sailor 阅读(2103) 评论(0) 推荐(0) 编辑
摘要:svg的图片有着颜色自定义大小自定义的优势。在阿里图标库可以下载svg图片。 那么在vue框架中我们该怎么使用svg图片呢 这个时候就用到了 webpack 插件 svg-sprite-loader 首先呢自然就是安装了 npm i svg-sprite-loader --save 创建svg文件目录/src/icons/svg 里面呢放置所有svg文件 还有/src/icons/index.js 阅读全文
posted @ 2019-10-16 18:50 brave-sailor 阅读(2639) 评论(0) 推荐(0) 编辑
摘要:前言 工作中用到svg格式的图标,既然是svg,当然不想用古老的img方式引用,希望能凭借定义svg的fill属性,随意定义图标的颜色;同时不想将整段svg代码写入组建内,于是找到了使用vue-svg-icon来实现这个功能。 项目参考链接:https://www.npmjs.com/package 阅读全文
posted @ 2019-10-16 18:48 brave-sailor 阅读(1735) 评论(0) 推荐(0) 编辑
摘要: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的”dependencies”中 np 阅读全文
posted @ 2019-10-16 18:21 brave-sailor 阅读(835) 评论(0) 推荐(0) 编辑
摘要:上善若水,水善利萬物而不爭。——《道德經》 简介 在平时开发是经常用到一些父子组件通信,经常用到props、vuex等等,这里面记录另外的三种方式v-model、sync是怎么使用,再说是怎么实现,其实v-model、sync都是语法糖。还有$attr、$listener实现父子组件通信。 使用方式 v-model 2.2.0+ 新增 v-mode1其实就是一个语法糖,默认会利用名为value的p 阅读全文
posted @ 2019-10-15 11:28 brave-sailor 阅读(1302) 评论(0) 推荐(0) 编辑
摘要:Vue props用法详解 组件接受的选项之一 props 是 Vue 中非常重要的一个选项。父子组件的关系可以总结为: props down, events up 父组件通过 props 向下传递数据给子组件;子组件通过 events 给父组件发送消息。 父子级组件 比如我们需要创建两个组件 pa 阅读全文
posted @ 2019-10-12 09:58 brave-sailor 阅读(3328) 评论(0) 推荐(0) 编辑
摘要:一、在template中的常见写法: <router-link to="/recommend"> <button class="button">点击跳转</button> </router-link> 二、在js中设置跳转(在方法中跳转界面并传参,两种方式:params 与 query): 有时候我们需要的是点击按钮跳出弹窗,选择判断后进行跳转,我们常用.$router.push 跳转 传参: < 阅读全文
posted @ 2019-10-10 14:36 brave-sailor 阅读(9455) 评论(0) 推荐(0) 编辑
摘要:文章目录 前言 安装使用vuex modules getters mutations actions mapGetters、mapState、mapMutations、mapActions mapGetters mapState mapMutations mapActions 参考地址 前言 我们经 阅读全文
posted @ 2019-04-16 15:23 brave-sailor 阅读(423) 评论(0) 推荐(0) 编辑
摘要:文章目录 State 在 Vue 组件中获得 Vuex 状态 mapState 辅助函数 对象展开运算符 Getter mapGetters 辅助函数 Mutation 使用常量替代 Mutation 事件类型 在组件中提交 Mutation Action 分发 Action 在组件中分发 Acti 阅读全文
posted @ 2019-04-16 15:22 brave-sailor 阅读(428) 评论(0) 推荐(0) 编辑
摘要:文章目录 基本使用 路由的命名 重定向和别名 路由组件传参props HTML5 History 模式 路由元信息meta 路由过渡动效 active-class 嵌套路由 编程式导航 router.push(...) router.go(n) 命名视图 导航守卫 全局守卫 全局后置钩子 路由独享的 阅读全文
posted @ 2019-04-16 15:21 brave-sailor 阅读(458) 评论(0) 推荐(0) 编辑
摘要:文章目录 一.自定义指令directive 钩子函数 钩子函数参数 对象字面量 二.插件 怎样使用插件 简单例子 三.混合mixins 选项合并 全局混合 自定义选项合并策略 一.自定义指令directive 除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义 阅读全文
posted @ 2019-04-16 15:20 brave-sailor 阅读(410) 评论(0) 推荐(0) 编辑
摘要:文章目录 节点、树以及虚拟 DOM createElement 参数 深入 data 对象 完整示例 约束 使用 JavaScript 代替模板功能 v-if 和 v-for v-model 事件 & 按键修饰符 插槽 JSX 函数式组件 slots() 和 children 对比 Vue 推荐在绝 阅读全文
posted @ 2019-04-16 15:20 brave-sailor 阅读(460) 评论(0) 推荐(0) 编辑
摘要:文章目录 一.什么是组件? 二.注册组件 全局注册 局部注册 三.Prop 使用 Prop 传递数据 动态 Prop 字面量语法 vs 动态语法 单向数据流 Prop 验证 四.非Prop特性 五.自定义事件 使用 v-on 绑定自定义事件 给组件绑定原生事件.native .sync 修饰符(2. 阅读全文
posted @ 2019-04-16 15:19 brave-sailor 阅读(765) 评论(0) 推荐(0) 编辑
摘要:文章目录 绑定 HTML Class 对象语法 数组语法 用在组件上 绑定内联样式style 对象语法 数组语法 自动添加前缀 多重值 绑定 HTML Class 对象语法 ①.添加单个class: <div v-bind:class="{ active: isActive }"></div> 上面 阅读全文
posted @ 2019-04-16 15:18 brave-sailor 阅读(371) 评论(0) 推荐(0) 编辑
摘要:文章目录 一.插值 v-once v-html 使用 JavaScript 表达式 二.v-bind与v-on的缩写 v-bind 缩写 v-on 缩写 三.条件渲染 v-if 在 v-else v-else-if 用 key 管理可复用的元素 v-show v-if vs v-show v-if 阅读全文
posted @ 2019-04-16 15:17 brave-sailor 阅读(436) 评论(0) 推荐(0) 编辑
摘要:文章目录 前言 安装 直接用 NPM 命令行工具 (CLI) 开发版本 第一个程序Hello Vue vue核心最基本的功能 声明式渲染 条件与循环 处理用户输入 组件化应用构建 剖析一个完整的vue实例 数据与方法 实例生命周期钩子 生命周期图示 前言 用了这么久的vue了,但是一直没有时间写个系 阅读全文
posted @ 2019-04-16 15:16 brave-sailor 阅读(354) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示