乖乖女

导航

2019年12月27日 #

Browserify

摘要: 介绍: Browserify 可以让你使用类似于 node 的 require() 的方式来组织浏览器端的 Javascript 代码,通过 预编译 让前端 Javascript 可以直接使用 Node NPM 安装的一些库。 -- 来自百度百科 参考链接:https://baike.baidu.c 阅读全文

posted @ 2019-12-27 10:16 乖乖女dome 阅读(476) 评论(0) 推荐(0) 编辑

2019年12月26日 #

ES6 新增的关键字 yield

摘要: yield是ES6的新关键字使生成器函数执行暂停,yield关键字后面的表达式的值返回给生成器的调用者。它可以被认为是一个基于生成器的版本的return关键字。 yield关键字实际返回一个IteratorResult对象,它有两个属性,value和done。value属性是对yield表达式求值的 阅读全文

posted @ 2019-12-26 17:25 乖乖女dome 阅读(557) 评论(0) 推荐(0) 编辑

css3 弹性盒布局的使用-Flex

摘要: 介绍: css3 的Flex弹性盒的布局是一个用于页面布局的全新CSS3模块功能。它可以把列表放在同一个方向(从左到右或从上到下排列),并且让这些列表能延伸到占用可用的空间。较为复杂的布局可以通过嵌套一个伸缩容器(flex container)来辅助实现。 Flexbox可以简单快速的创建一个具有弹 阅读全文

posted @ 2019-12-26 17:10 乖乖女dome 阅读(429) 评论(0) 推荐(0) 编辑

css3 动画

摘要: 在 CSS3 出现之前,动画都是通过 JavaScript 动态的改变元素的样式属性来完成了, 这种方式虽然能够实现动画,但是在性能上存在一些问题。 CSS3 的出现,让动画变得更加容易,性能也更加好。 CSS3 中有三个关于动画的样式属性 :transform、transition和animati 阅读全文

posted @ 2019-12-26 15:00 乖乖女dome 阅读(133) 评论(0) 推荐(0) 编辑

vuex 使用

摘要: vuex 是一个专门为vue.js应用程序开发的状态管理模式。 这个状态我们可以理解为在data中的属性,需要共享给其他组件使用的部分。 也就是说,是我们需要共享的data,使用vuex进行统一集中式的管理。 核心原理图: vuex中,有默认的五种基本的对象: state:存储状态(变量) gett 阅读全文

posted @ 2019-12-26 14:29 乖乖女dome 阅读(114) 评论(0) 推荐(0) 编辑

vue之路由嵌套

摘要: 我们在做项目的时,常常会遇到使用Tab切换页面需求,要求设置第一个选项卡为默认选项。这时候我们就需要用到 vue-router 嵌套路由实现。设置默认项使用 redirect 属性即可。 export default new Router({ routes: [ { path: '/', name: 阅读全文

posted @ 2019-12-26 11:22 乖乖女dome 阅读(141) 评论(0) 推荐(0) 编辑

vue 之路由跳转及传参

摘要: vue 之路由跳转有: 1、 this.$router.push进行编程式路由跳转 2、 router-link 进行页面按钮式路由跳转 vue 之路由传参有: 1、 this.$route.params获取路由传递参数 2、this.$route.query获取路由传递参数 区别: params 阅读全文

posted @ 2019-12-26 11:14 乖乖女dome 阅读(1297) 评论(0) 推荐(0) 编辑

2019年12月25日 #

vue 的组件通讯

摘要: 恢复内容开始 vue的组件通讯一般分为以下几种: 1.父子通讯: 父传子:通过在父组件绑定属性,然后子组件通过props属性接收 子传父: 2.同级组件通讯: 同辈组件之间的通行需要借助第三方,如bus.js 在 main.js 中添加 cons $bus = new Vue(); //创建 $bu 阅读全文

posted @ 2019-12-25 16:23 乖乖女dome 阅读(172) 评论(0) 推荐(0) 编辑

vue 的 axios 安装

摘要: 安装 安装或者引入CDN文件 npm install axios <script src="https://unpkg.com/axios/dist/axios.js"></script> <!--<script src="https://unpkg.com/axios/dist/axios.min 阅读全文

posted @ 2019-12-25 09:05 乖乖女dome 阅读(957) 评论(0) 推荐(0) 编辑

2019年12月23日 #

vue3.0脚手架 创建项目

摘要: 1.下载node最新稳定版本,并且安装 2.安装好之后,在cmd或者terminal下, 使用npm -v 查看当前npm版本,验证是否安装成功 3.安装成功后,运行 npm i -g @vue/cli 来安装 vue3.0脚手架。安装成功后使用 vue -V查看当前版本,验证是否安装成功 4.vu 阅读全文

posted @ 2019-12-23 17:34 乖乖女dome 阅读(700) 评论(0) 推荐(0) 编辑