IT全栈 华强工作室

No Silver Bullet 吾国泱泱 华夏栋梁 以梦为马 不负韶华

Vue进阶(三十三):详解express router和Vue router

1、express的router是属于后端的,Vue的router是属于前端的。 2、服务端渲染时,express的router把数据和模板传给模板引擎的;客户端渲染时,通过路由去获得静态页面,浏览器发送http请求向服务端获取数据,Vue router是不需要传数据的。 3、express...

2019-01-11 09:12:28

阅读数:80

评论数:0

Vue进阶(三十二):npm install、npm install --save与npm install --save-dev区别

npm install X: 会把X包安装到node_modules目录中 不会修改package.json 之后运行npm install命令时,不会自动安装X npm install X –save: 会把X包安装到node_modules目录中 会在package.json的dependen...

2018-12-25 16:09:28

阅读数:179

评论数:0

Vue进阶(三十一):Vue.js中的常用的指令缩写

Vue.js为两个最为常用的指令提供了特别的缩写: v-bind缩写 <!--完整语法--> <a v-bind:href="url">测试</a&am...

2018-12-24 16:57:40

阅读数:127

评论数:0

Vue进阶(三十):vue中使用element-ui进行表单验证

一、简单逻辑验证(直接使用rules) 实现思路 html中给el-form增加 :rules=“rules” html中在el-form-item 中增加属性 prop=“名称” js中直接在data中定义rules:{} html部分 <el-form ref=&...

2018-12-24 16:36:32

阅读数:153

评论数:0

Vue进阶(二十九):使用children实现路由的嵌套示例代码

相关Html: <!DOCTYPE html> <html lang="en"> <head> <me...

2018-12-23 18:44:41

阅读数:126

评论数:0

Vue进阶(二十八):浅析Vue中computed与method的区别

其实官方文档对这个已经说的很清楚了,笔者不过是在其基础上进行归纳总结,各位看官还是先去读一下官方文档吧。 1.computed区别于method的两个核心 在官方文档中,强调了computed区别于method最重要的两点 computed是属性调用,而methods是函数调用 computed...

2018-12-23 11:16:19

阅读数:138

评论数:0

Vue进阶(二十七):getters,mapGetters,...mapGetters详解

Vuex提供了state这样的状态统一管理树,你可以在vue中用computed计算属性接收这些公共状态,以便使用,当然你也可以在接收原值的基础上对这个值做出一些改造,如 computed:{ sex:function(){ return this.$store.state.sex...

2018-12-23 11:05:45

阅读数:105

评论数:0

Vue进阶(二十六):router.push()讲解

在Vue2.0路由跳转中,除了使用 创建 a 标签来定义导航链接,我们还可以借助 router 的实例方法,通过编写代码来实现。 router.push(location) 想要导航到不同的 URL,则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录,所以,当...

2018-12-23 10:39:40

阅读数:79

评论数:0

Vue进阶(二十五):内置组件 + v-bind: is:实现动态组件

元素是vue 里面的一个内置组件。 在里面使用 v-bind: is,可以实现动态组件的效果。 例子解析: 下面例子创建一个包含多个子组件的 vue 实例。 vue代码部分:新建 vue 实例 “app”,这个实例的 components 里面,有3个组件,这些组件都有各自的模板。分别是...

2018-12-22 16:57:20

阅读数:100

评论数:0

Vue进阶(二十四):vue store存储commit 和dispatch

this.$store.commit('toShowLoginDialog', true); this.$store.dispatch('toShowLoginDialog',false) 主要区别是: dispatch:含有异步操作,例如向后台提交数据,写法: this.store.dispa...

2018-12-22 16:35:33

阅读数:110

评论数:0

Vue进阶(二十三):Promise讲解

Promise意在让异步代码变得干净和直观,让异步代码变得井然有序。 Promise在设计上具有原子性,即只有三种状态:等待(Pending)、成功(Fulfilled)、失败(Rejected)。在调用支持Promise的异步方法时,逻辑变得非常简单,在大规模的软件工程开发中具有良好的健壮性。 ...

2018-12-22 15:30:15

阅读数:107

评论数:0

Vue进阶(二十二):$refs的基本用法

示例代码如下: <div id="app"> <input type="text" ref=&a...

2018-12-22 10:37:11

阅读数:119

评论数:0

Vue进阶(二十一):vue项目开发前的es6的知识储备

1、let所声明的变量,只在let命令所在的代码块内有效。 2、不存在变量提升:所声明的变量一定要在声明后使用,否则报错。   一定要先声明,再去使用。let x=x;这样就是错误的 ES6明确规定,如果区块中存在let和const命令,这个区块对这些命令声明的变量,从一开始就形成了封闭作用域。...

2018-12-20 16:26:21

阅读数:112

评论数:1

Vue进阶(二十): Vue中的请求方式

1.resource请求 cnpm install vue-resource --save import VueResource from 'vue-resource' Vue.use(VueResource) this.$http.get("&quot...

2018-12-20 11:31:20

阅读数:84

评论数:0

Vue进阶(十九): ES6中的箭头函数的定义和调用方式

基本用法:ES6中允许使用“箭头”(=>)定义函数var f = v => v; 上面代码相当于:var f = function( v ) { return v; }根据箭头函数有参数和无参数来区分1、无参数的箭头函数var f = () =&...

2018-12-20 09:41:39

阅读数:61

评论数:0

Vue进阶(十八):router的beforeEach与afterEach钩子函数

在路由跳转的时候,我们需要一些权限判断或者其他操作。这个时候就需要使用路由的钩子函数。 定义:路由钩子主要是给使用者在路由发生变化时进行一些特殊的处理而定义的函数。 总体来讲vue里面提供了三大类钩子,两种函数1、全局钩子2、某个路由的钩子3、组件内钩子 两种函数: 1、Vue.beforeEac...

2018-12-20 09:33:21

阅读数:90

评论数:1

Vue进阶(十七):vue proxyTable配置

在项目开发的时候,接口联调的时候一般都是同域名下,且不存在跨域的情况下进行接口联调,但是当我们现在使用vue-cli进行项目打包的时候,我们在本地启动服务器后,比如本地开发服务下是 http://localhost:8080 这样的访问页面,但是我们的接口地址是 http://xxxx.com/s...

2018-12-20 09:22:21

阅读数:65

评论数:0

Vue进阶(十六):vue项目结构启动原理详解

一般项目创建好后会有三个文件:index.html、main.js、app.vue1、index.html :所有vue文件都是单页面形式开发,所有vue组件都是通过index.html进行渲染加载。2、main.js:相当于java的入口函数,控制初次启动vue项目要加载的组件import V...

2018-12-19 16:15:14

阅读数:72

评论数:0

Vue进阶(十五):解决新版本webpack vue-cli生成文件没有dev.server.js问题

新版本webpack生成的dev.server.js 在webpack.dev.conf.js中 webpack.dev.conf.js const axios = require(‘axios’) const express = require(‘express’) const app = ex...

2018-12-18 18:58:15

阅读数:66

评论数:0

Vue进阶(十四):对vue中 默认的 config/index.js:配置的详细理解

对vue中 默认的 config/index.js:配置的详细理解 -【以及webpack配置的理解】-config配置的目的都是为了服务webpack的配置,给不同的编译条件提供配置 当我们需要和后台分离部署的时候,必须配置config/index.js: 用vue-cli 自动构建的目录...

2018-12-18 15:37:52

阅读数:97

评论数:0

提示
确定要删除当前文章?
取消 删除