- 博客(11)
- 收藏
- 关注
RSS订阅原创 报错：[Vue warn]: Failed to resolve filter: formatDate
使用Vue的时候突然报错这个，[Vue warn]: Failed to resolve filter: formatDate后面再网上查了才知道这是因为顺序问题：过滤器应该先执行，写在上面，再绑定vue实例错误的代码：调整后的代码：...
2019-06-24 20:21:31
15709
1
原创 VUE进阶篇Part11（vue-route和vuex前端状态管理）---下
此章节涉及到的内容：1、vuex的store用法2、vuex的相关操作和核心用法什么是 vuex？vuex 是一个状态管理模式，可以用来共享数据。以淘宝为例，如果在首页登录了自己的账户，当点击首页的链接跳转到其他页面时，仍然会是登录状态。这就是vuex，而实现这些的是因为用到了vuex中的store（仓库），这个 store 会让各个组件获取到你当前的状态，根据状态去判断渲染出什么。...
2019-06-13 00:08:35
218
原创 VUE进阶篇Part11（vue-route和前端状态管理）---中
此章节内容包括：1、Axios中的get请求2、Axios中的post请求3、vuex的store用法4、vuex的相关操作和核心用法1、Axios的get请求ajax的作用是与服务端进行数据交互，并且从服务端拿到所需要的数据，说白了就是两句话：发送请求，拦截响应。这里的 axios 的作用和 ajax 的作用基本上是一样的，用法上可能会有点区别。官方一点的说法是：axios 是...
2019-06-12 22:01:54
165
原创 VUE进阶篇Part11（vue-route和前端状态管理）---上
前端路由的基本用法此章节一定要先看前面写的Part10（vue-cli搭建脚手架）或者用过vue-cli的再看，不然可能会的有点蒙什么是路由？----通俗的来讲，其实就是网址。比如 http://www.baidu.com/111 ，这个后缀 /111 的网址无论能否显示出来都是一个网址，这就是一个路由，访问不同的路由，就会加载不同的组件。用一个例子去理解用法：需求：使用npm run...
2019-06-11 22:04:41
229
2
原创 VUE进阶篇Part10（使用vue-cli脚手架一键搭建工 程）
按照这个来配置就好了，这里相当于是帮你把webpack需要的繁琐的配置给你都弄好了，然后你直接从那里全部下下来就可以记得先下好nodejs，安装的代码记得全都c v，不要自己敲安装完nodejs之后再安装淘宝npm镜像，安装完了之后后面的安装速度会快一点npm install -g cnpm --registry=https://registry.npm.taobao.org然后按照下面...
2019-06-11 20:39:15
3312
原创 VUE进阶篇Part9（render函数）
这里介绍一下render函数。作用：使用render函数就不需要在template中一点点的写html了，可以通过函数去构建，实际上render函数就是用来构建一个组件的这里分为以下几点去讲解，每个都有一个小例子：1、render函数的初步了解2、render函数的第一个参数3、render函数的第二个参数4、render函数的第三个参数5、this.$slots在render函数中...
2019-06-11 19:41:03
401
原创 VUE基础篇Part8（自定义指令）
自定义指令用法：和组件类似，分为全局注册和局部注册，区别就是把component换成了directive钩子函数指令定义函数提供了几个钩子函数（可选）：bind: 只调用一次，指令第一次绑定到元素时调用，用这个钩子函数可以定义一个在绑定时执行一次的初始化动作。inserted: 被绑定元素插入父节点时调用（父节点存在即可调用，不必存在于 document中）。update: 被绑定元素...
2019-06-08 12:39:50
184
原创 VUE基础篇Part7（核心功能组件）——下
这里的下半部分包括：1、组件中使用v-model2、插槽的简单用法3、访问slot4、动态组件的使用组件相关的上半部分博客可以点击查看：1、组件中使用v-model需求：通过子组件的加号按钮来给父组件传递数据直接看例子吧<btn-comp v-model="total"><btn-comp>data:{ total:0},components:{...
2019-06-08 02:35:22
137
原创 VUE基础篇Part7（核心功能组件）——上
组件原因：使用组件可以提升代码的复用性，非常的方便，节省了很多时间成本。由于组件设计的知识点较多，所以就分为两个部分写，这里先写上半部分。主要包括以下几点：1、组件的使用方法2、组件使用时的一些奇技淫巧3、父子组件传递数据4、单向数据流5、数据验证6、组件通信1、组件的使用方法组件的使用方法分为两点：全局注册和局部注册1.1、全局注册用法：Vue.component(‘t...
2019-06-08 02:06:50
204
原创 报错：Invalid shorthand property initializer
在 vue 组件中使用子组件接受父组件的数据时报错 Invalid shorthand property initializerdata:function(){ return { //props 的值可以通过this.xxx直接来获取，这里是 : 不是 = count = this.msg }}后发现这里的返回值中的 count = this.msg不能写等号 " = " ，要...
2019-06-04 15:05:17
3138
原创 VUE基础篇Part6（表单与v-model，界面数据的快递员）
v-model作用：可以实现数据的双向绑定，没了。其实v-model是一个语法糖，等同于下面的代码<input v-bind:value="message" v-on:input="message = $event.target.value" />一、基本用法：与 v-bind 的用法差不多，直接在需要绑定的元素上加就好了<input type="text" v-m...
2019-06-03 23:17:34
221
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人