随笔分类 -  Vuejs

上一页 1 2 3
axios如何使用
摘要：我们知道，vue2.0以后，vue就不再对vue-resource进行更新，而是推荐axios，而大型项目都会使用 Vuex 来管理数据，所以这篇博客将结合两者来发送请求 1.安装axios cnpm i axios -S 2.方案一：修改原型链 首先，在main.js中引入 在这个时候，你还是无法 阅读全文
posted @ 2018-08-28 11:55 狗尾草的博客 阅读(14320) 评论(1) 推荐(5)
vue-cli搭建及项目目录结构
摘要：今天总结一下vue的脚手架的搭建。很简单，今天我们就来说一下 对于脚手架的具体搭建方法，我这里不在很详细的书写，具体方法我推荐菜鸟教程的方法，和具体，你一步一步的来就可以实现。 链接地址：http://www.runoob.com/vue2/vue-install.html vue2.0脚手架的搭建 阅读全文
posted @ 2018-08-27 17:56 狗尾草的博客 阅读(712) 评论(0) 推荐(0)
vue中如何引入全局样式或方法
摘要：vue中我么会经常用到通用的一些全局的方法，如何左才能实现全局的复用减少代码累赘呢？ 我们一般将公用的方法分装再utils.js文件中，然后再main.js主入口文件中将utils.js中的公共的方法通过@import引入进来即可，或者我们通过再main.js中设置Vue.prototype.xxx 阅读全文
posted @ 2018-08-27 17:25 狗尾草的博客 阅读(5237) 评论(0) 推荐(0)
vue项目更改端口号
摘要：vue项目的默认端口为8080，有时候处于某些原因会造成端口号的冲突，因此需要我们适当的更改其端口号来解决问题，将上图中的port更改为合适的端口号就可以，但是需要注意的是浏览器的安全限制端口号详情见：https://www.cnblogs.com/bgwhite/p/9543177.html 阅读全文
posted @ 2018-08-27 16:54 狗尾草的博客 阅读(5590) 评论(0) 推荐(0)
vue-router（一）
摘要：vue路由再vue开发的项目中可以说是一个必用的组件，而这个部分的水却依旧很深，今天我们深入分析其内部的东西，先看这样一个效果： 大家 可以看到上图中，我们通过两种方式实现了一个vue路由跳转的过度动画医技页面的参数的传递。 跳转方式及传参： vue跳转方式一共有三种：编程式跳转和router-li 阅读全文
posted @ 2018-08-27 16:17 狗尾草的博客 阅读(469) 评论(0) 推荐(0)
vuex（三）actions
摘要：actions：既然mutations只能处理同步函数，我大js全靠‘异步回调’吃饭，怎么能没有异步，于是actions出现了... actions和mutations的区别 1.Actions 提交的是 mutations，而不是直接变更状态。也就是说，actions会通过mutations，让m 阅读全文
posted @ 2018-08-14 08:28 狗尾草的博客 阅读(1024) 评论(0) 推荐(1)
vuex（二）getters
摘要：getters： 有时候，我们需要对state的数据进行筛选，过滤。这些操作都是在组件的计算属性进行的。如果多个组件需要用到筛选后的数据，那我们就必须到处重复写该计算属性函数；或者将其提取到一个公共的工具函数中，并将公共函数多处导入 - 两者都不太理想。如果把数据筛选完在传到计算属性里就不用那么麻烦 阅读全文
posted @ 2018-08-14 08:26 狗尾草的博客 阅读(1857) 评论(0) 推荐(0)
vuex（一）mutations
摘要：前言：vuex的使用，想必大家也都知道，类似于状态库的东西，存储某种状态，共互不相干的两个组件之间数据的共享传递等。我会分开给大家讲解vuex的使用，了解并掌握vuex的核心(state,mutations,getters,actions). 首先，我们需要将vuex的安装依赖下载下来，npm in 阅读全文
posted @ 2018-08-14 08:25 狗尾草的博客 阅读(2403) 评论(0) 推荐(0)
vuex总结
摘要：Vuex 什么是Vuex？ 官方说法：Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 个人理解：Vuex是用来管理组件之间通信的一个插件 为什么要用Vuex？ 我们知道组件之间是独立的，组件之 阅读全文
posted @ 2018-08-13 17:38 狗尾草的博客 阅读(366) 评论(0) 推荐(0)
ESLint在vue中的使用
摘要：ESLint的用途 1.审查代码是否符合编码规范和统一的代码风格； 2.审查代码是否存在语法错误； 中文网地址 http://eslint.cn/ 2.审查代码是否存在语法错误； 中文网地址 http://eslint.cn/ 使用VSCode编译器在Vue项目中的使用 在初始化项目时选择是否使用E 阅读全文
posted @ 2018-08-02 14:14 狗尾草的博客 阅读(6248) 评论(1) 推荐(0)
vue动态 设置类名
摘要：门诊服务 住院服务 综合服务 19:00-20:00 20:00-21:00 21:00-22:00 阅读全文
posted @ 2018-08-02 14:12 狗尾草的博客 阅读(2932) 评论(0) 推荐(0)
v-if和v-show的区别
摘要：v-if 是“真实”的条件渲染，因为它会确保条件块(conditional block)在切换的过程中，完整地销毁(destroy)和重新创建(re-create)条件块内的事件监听器和子组件。 v-if 是惰性的(lazy)：如果在初始渲染时条件为 false，它不会执行任何操作 - 在条件第一次 阅读全文
posted @ 2018-08-01 18:24 狗尾草的博客 阅读(345) 评论(0) 推荐(0)
（二）Vue常用7个属性
摘要：学习vue我们必须之到它的7个属性，8个 方法，以及7个指令。787原则 el属性 用来指示vue编译器从什么地方开始解析 vue的语法，可以说是一个占位符。 data属性 用来组织从view中抽象出来的属性，可以说将视图的数据抽象出来存放在data中。 template属性 用来设置模板，会替换页 阅读全文
posted @ 2018-07-11 23:11 狗尾草的博客 阅读(20115) 评论(0) 推荐(11)
（一）mvc与mvvm设计模式
摘要：前沿：了解设计模式对我们而言，具有很大意义，对语言没有限制，它适用于任何语言，是一种变成思想。设计模式最初有四人帮提出，有兴趣的同学可以去了解下，今天给大家主要分析mvc与mvvm设计模式 一.mvc设计模式： 字面理解，mvc就是model，view，controller。 三者又分别是什么呢？ 阅读全文
posted @ 2018-07-08 21:21 狗尾草的博客 阅读(1790) 评论(3) 推荐(4)

上一页 1 2 3