![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Muzilh
加油鸭
展开
-
初识vue.js
前一段时间学习了vue.js,现在来复习一下,温故而知新,哈哈哈什么是vue.js?Vue.js是一个轻巧、高性能、可组件化的MVVM库,同时拥有非常容易上手的API(不知道MVVM的可以参考上一篇文章) Vue.js是一个构建数据驱动的Web界面的库。总之,Vue.js是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑...原创 2018-08-14 19:35:47 · 133 阅读 · 0 评论 -
vue.js常用的传值方式:父传子,子传父
引用官网的一句话:父子组件的关系可以总结为 prop 向下传递,事件向上传递。父组件通过 prop 给子组件下发数据,子组件通过事件给父组件发送消息1.父组件像子组件进行传值父组件:<template> <div class="hello"> <child :inputValue = 'value'></child> ...原创 2018-08-14 21:42:50 · 21520 阅读 · 10 评论 -
vue-router 的基本使用
路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的about 按钮,页面中就要显示about 的内容。Home按钮 => home 内容, about按钮 => about 内容,也可以说是一种映射. 所以在页面上有两个部分,一个是点击部分,一个是点击之后,显示内容的部分。 点击之后,怎么做到正确的对应,比如,我点击ho...转载 2018-08-15 08:40:54 · 47285 阅读 · 8 评论 -
vue生命周期
首先,每个Vue实例在被创建之前都要经过一系列的初始化过程,这个过程就是vue的生命周期。首先看一张图吧~这是官方文档上的图片相信大家一定都会很熟悉: 可以看到在vue一整个的生命周期中会有很多钩子函数提供给我们在vue生命周期不同的时刻进行操作, 那么先列出所有的钩子函数,然后我们再一一详解:beforeCreate created beforeMount mounted...转载 2018-08-15 17:22:18 · 97 阅读 · 0 评论 -
Vuex的使用方法第一篇之初识Vuex
什么是Vuex?uex是一个专门为vue.js设计的集中式状态管理架构。状态?我把它理解为在data中的属性需要共享给其他vue组件使用的部分,就叫做状态。简单的说就是data中需要共用的属性。vue项目当中的父子组件的交互是单通道传递,父组件通过props向子组件传递参数,而在子组件当中不不能直接修改接收的参数,而是需要通过自定义事件的方式,例如:父组件:<templ...原创 2018-09-08 12:08:36 · 347 阅读 · 0 评论 -
Vuex的使用方法第二篇之mutation和action及getter的基本使用
mutations在vue 中,只有mutation 才能改变state. mutation 类似事件,每一个mutation都有一个类型和一个处理函数,因为只有mutation 才能改变state, 所以处理函数自动会获得一个默认参数 state.所谓的类型其实就是名字,先看上一篇文章的例子:在没有用vuex的时候,我们可以实现点击颜色切换用了vuex后,只实现了颜色变换一次...原创 2018-09-08 15:26:25 · 6068 阅读 · 2 评论 -
Vuex的使用方法第三篇之mapMutations,mapGetters、mapActions
很多时候 ,$store.state.count、$store.dispatch('add')这种写法又长又臭 , 很不方便 , 我们没使用 vuex 的时候 , 获取一个状态只需要this.count, 执行一个方法只需要this.add就行了 , 使用 vuex 使写法变复杂了 ?使用mapState、mapGetters、mapActions就不会这么复杂了。以...原创 2018-09-08 17:31:23 · 3672 阅读 · 0 评论 -
vue-cli脚手架中webpack配置基础文件
前几天面试问了基础文件的作用,只说了几个,特来整理一下一、主体结构├─build ├─config ├─dist├─node_modules├─src│ ├─assets│ ├─components│ ├─router│ ├─App.vue│ ├─main.js├─static├─.babelrc├─.editorconfig├─.gitignore├─.p...原创 2018-09-12 09:31:38 · 370 阅读 · 0 评论