vue学习日记
vue学习日记
唐策
生活中不断积累沉淀自己,当奇迹到来时,才会降临到你身上。
展开
-
js中的join(),reverse()与 split()函数用法解析
<script> /* * 1:arrayObject.reverse() * 注意: 该方法会改变原来的数组,而不会创建新的数组。 * 2:arrayObject.join() * 注意:join() 方法用于把数组中的所有元素放入一个字符串。 * 元素是通过指定的分隔符进行分隔的。 *转载 2017-09-28 16:23:41 · 3932 阅读 · 0 评论 -
vue新建项目,目录文件解释
1. 2. 1、build文件夹是保存一些webpack的初始化配置。config文件夹保存一些项目初始化的配置。 2、node_modules是npm加载的项目依赖的模块。 3、src目录是我们要开发的目录,打开是这样的: 其中assets:用来放置图片 components:用来放组件文件 app.vue:是项目入口文件,代码如下: App.vue相当于...原创 2018-03-20 14:28:38 · 5508 阅读 · 0 评论 -
Vue 使用 vue-router 跳转页面
使用 Vue.js 做项目的时候,一个页面是由多个组件构成的,所以在跳转页面的时候,并不适合用传统的 href,于是 vue-router 应运而生。官方文档: https://router.vuejs.org/zh-cn/essentials/getting-started.html有很多朋友找我要 demo,但是博客中的这个案例被我删掉了,我只好随手写了一个超简单的 demo,希望能有...原创 2018-03-23 16:48:20 · 17713 阅读 · 2 评论 -
Vue 的双向数据绑定原理解析
在目前的前端面试中,vue的双向数据绑定已经成为了一个非常容易考到的点,即使不能当场写出来,至少也要能说出原理。本篇文章中我将会仿照vue写一个双向数据绑定的实例,名字就叫myVue吧。结合注释,希望能让大家有所收获。1、原理 Vue的双向数据绑定的原理相信大家也都十分了解了,主要是通过 Object对象的defineProperty属性,重写data的set和get函数来实现的,这里对原理...原创 2018-04-19 10:49:34 · 749 阅读 · 0 评论 -
Vue、vue-router、vuex、axios 介绍
Vue有著名的全家桶系列,包含了vue-router(http://router.vuejs.org),vuex(http://vuex.vuejs.org), vue-resource(https://github.com/pagekit/vue-resource)。再加上构建工具vue-cli,sass样式,就是一个完整的vue项目的核心构成。概括起来就是:、1.项目构建工具、2.路由、3...原创 2018-05-08 10:45:49 · 1678 阅读 · 0 评论 -
vue2入坑随记(一)-- 初始全家桶
都说Vue2简单,上手容易,但小马过河,自己试了才晓得,除了ES6语法和webpack的配置让你感到陌生,重要的是思路的变换,以前随便拿全局变量和修改dom的锤子不能用了,变换到关注数据本身。vue的官方文档还是不错的,由浅到深,但是当你用vue-cli构建一个工程的时候,发现官方文档还是不够用,得参考git上开源的项目并去学习es6。而且vue的全家桶(vue-cli,vue-router,vu...转载 2018-05-08 15:53:30 · 446 阅读 · 0 评论 -
Vue keep-alive防止重复渲染DON总结
<keep-alive>是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM。<keep-alive> 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和 <transition> 相似,<keep-alive> 是一个抽象组件:它自身不会渲染一个 DOM 元素,也不会出现在父组件链中。prop:inclu...原创 2018-05-09 11:05:23 · 6337 阅读 · 0 评论 -
vue中mixin的混合机制- new父组件
vue中提供了一种混合机制–mixins,用来更高效的实现组件内容的复用。最开始我一度认为这个和组件好像没啥区别。。后来发现错了。下面我们来看看mixins和普通情况下引入组件有什么区别? 组件在引用之后相当于在父组件内开辟了一块单独的空间,来根据父组件props过来的值进行相应的操作,单本质上两者还是泾渭分明,相对独立。 而mixins则是在引入组件之后,则是将组件内部的...原创 2018-05-09 13:48:13 · 2939 阅读 · 0 评论 -
vuex 其实跟 vue 非常像,有data(state),methods(mutations,actions),computed(getters),还能模块化.
第零步 新建一个vue项目,安装vuex,这里不做过多介绍,能点进来的,默认你具备这些技能 第一步 新建一个.js 文件,名字位置任意,按照惯例,建议在/src/store 目录下(没有的话自己新建一个呗) 文件位置 /src/store/index.js// 引入vue 和 vueximport Vue from 'vue'import Vuex from 'vuex'//...原创 2018-05-29 14:40:24 · 2321 阅读 · 0 评论