随笔分类 -  vue

基于vue-cli3的vue项目框架
摘要：一个vue项目 前言 基于vue cli3 麻雀虽小，五脏六腑俱全 Vue常用属性与方法 集成vue router、vuex、axios及element ui等插件 自定义指令、全局过滤器 封装全局使用.svg图标的组件 "源码" 预览 封装Icon组件 src/components/IconSvg 阅读全文
posted @ 2019-02-27 17:27 hooyun 阅读(2504) 评论(0) 推荐(0)
Vue项目中使用svg文件
摘要：使用第三方插件vue-svg-icon 在入口文件main.js引入 将svg文件放到 src/svg 目录下（此目录暂时不能设置） 使用： name属性的值为svg文件的文件名 阅读全文
posted @ 2018-03-19 10:01 hooyun 阅读(11149) 评论(0) 推荐(0)
vuex
摘要：官网：https://vuex.vuejs.org/zh-cn/ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。我把它理解为在data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的属性。 Vue 的这些核心概念： State Getter 阅读全文
posted @ 2017-10-23 17:43 hooyun 阅读(266) 评论(0) 推荐(0)
vue-router
摘要：官网：https://router.vuejs.org/zh-cn/ 第1节：路由开始 安装：npm install vue-router --save （使用vue-cli初始化项目时，若已安装，不需重新安装） 配置路由： 使用vue-cli初始化的项目中，src/router/index.js是 阅读全文
posted @ 2017-10-21 21:45 hooyun 阅读(696) 评论(0) 推荐(0)
vue-cli
摘要：第一节：vue-cli安装 一、安装vue-cli npm install vue-cli -g vue -V来进行查看 vue-cli的版本号 二、初始化项目 vue init <template-name> <project-name> <template-name>：表示模板名称，vue-cl 阅读全文
posted @ 2017-10-20 22:03 hooyun 阅读(203) 评论(0) 推荐(0)
vue2.0基础学习（2）
摘要：（三）Vue2.0-选项 选项就是在Vue构造器里的配置功能的前缀 propsData 只用于 new 创建的实例中。 propsData在实际开发中我们使用的并不多，我们在后边会学到Vuex的应用，他的作用就是在单页应用中保持状态和数据的。 computed computed 的作用主要是对原数据 阅读全文
posted @ 2017-10-20 17:01 hooyun 阅读(221) 评论(0) 推荐(0)
vue2.0基础学习（1）
摘要：（一） 内部指令 第一节：准备工作 1.引入Vue.js(官方网站：https://cn.vuejs.org/v2/guide/installation.html) ·在开发时请用开发版本，遇到常见错误它会给出友好的警告 2.使用 live-server 全局安装 npm install live- 阅读全文
posted @ 2017-10-20 13:20 hooyun 阅读(286) 评论(0) 推荐(0)
vue组件的生命周期
摘要：生命周期示意图： 参考：https://vuefe.cn/v2/guide/instance.html#生命周期示意图 Vue2.0的生命周期钩子一共有10个，详情如表： 特别说明： activated：keep-alive组件激活时调用。如果你使用keep-alive进行缓存， 又希望每次切换组件 阅读全文
posted @ 2017-10-19 11:40 hooyun 阅读(131) 评论(0) 推荐(0)