vuejs笔记之路由钩子beforeEnter/beforeRouteEnter

vuejs笔记之路由钩子beforeEnter/beforeRouteEnter

路由钩子 beforeEnter(to,from,next),参数1:访问后地址obj;参数2:访问前地址obj;参数3:是否加载模板fn;beforeEnter() 触发的时间:访问这个网址之后,加载模板之前。如果不执行 next() 函数,就不会加载模板。 import Vue from 'vue'// 引入文件的路劲没有 ./ 或者 / ,那么直接是找node_mod
浏览:1583 标签: beforeEnter vuejs 路由 beforeRouteEnter 时间: 2017-10-29 17:40
vuejs笔记之页面的后退/前进/重定向

vuejs笔记之页面的后退/前进/重定向

返回/回退页面<button @click="$router.go(-1)">返回</button>前进<button @click="$router.go(1)">前进</button>另一种返回/回退页面的写法const news = Vue.component('news', { template:'<div>这里是news页面</div>', mounted(
浏览:1648 标签: router vuejs 路由 redirect 时间: 2017-10-28 23:16
去除vue-cli脚手搭构建项目后代码Eslint验证(语法格式验证)

去除vue-cli脚手搭构建项目后代码Eslint验证(语法格式验证)

1、再用 vue-cli 搭建脚手架的时候,将 Use ESLint to lint your code? 选为No;如何再用 vue-cli 搭建脚手架,可查看此链接:http://menvscode.com/detail/59de348610c98d0e654c1b87。2、若搭建的时候,不小将 Use ESLint to lint your code? 设置为 Y
浏览:1414 标签: vue-cli vuejs Eslint 时间: 2017-10-25 22:34
vuejs笔记之路由传值的3种方式

vuejs笔记之路由传值的3种方式

vuejs路由传值的三种方式。1、通过url进行传值,在路由内进行设置;const router =new Router({ routes: [ {path:'/', component: index},    {path: '/about', component: about}, {path:'/:mvc', component: about} ]
浏览:1292 标签: 路由 vuejs 时间: 2017-10-25 22:20
vuejs笔记之路由/子路由例子

vuejs笔记之路由/子路由例子

import Vuefrom'vue'// 引入文件的路劲没有 ./ 或者 / ,那么直接是找node_modules目录下的文件import Routerfrom'vue-router'const App = {'template':`<div id="app"> 默认显示的内容 <!-- 表示模板的地方 --> <ul> <li><rou
浏览:1139 标签: 路由 router vuejs 时间: 2017-10-24 22:39
vuejs笔记之vue脚手架(vue-cli)环境下书写代码规范

vuejs笔记之vue脚手架(vue-cli)环境下书写代码规范

如何用vue-cli搭建vue开发环境,可查看此链接文章:http://menvscode.com/detail/59de348610c98d0e654c1b87。1、注释:// 或者 /*  */,注释标识符和内容一定要有一个空格;/* eslint-disable no-new *///我是注释,前面没空格会报错new Vue({ el:'#app', route
浏览:822 标签: vue-cli vuejs 时间: 2017-10-23 21:55
Vue 2.5 发布了

Vue 2.5 发布了

        我们很高兴宣布 Vue 2.5 Level E 的发布!本次发布包括多个功能提升并且我们推荐你查看发布说明来获取完整详细信息。 在这篇文章中,我们将重点介绍一些更重要的的变化:更好的 TypeScript 集成,更好的错误处理,更好地支持单文件组件中的函数式组件以及与环境无关的服务端渲染。更好的 TypeScript 集成        得益于 TypeS
浏览:1269 标签: vuejs 时间: 2017-10-16 23:01
vuejs笔记之ref

vuejs笔记之ref

ref:获取dom元素。<div id="app"><!-- ref='自定义的名字' --><ulref='abc' @click='getRefDom'><liref='menvscode'>1111</li></ul><divref='poq'>222</div></div>new Vue({ el:'#app', methods:{ getRefDom(){co
浏览:1011 标签: ref vuejs 时间: 2017-10-16 22:44
vuejs笔记之render渲染方式

vuejs笔记之render渲染方式

下面的代码能将模板显示在页面;<divid="app"><moban></moban></div>Vue.component('moban',{ template:'<div>11111</div>'})var vm = new Vue({ el:'#app'});render()函数的作用也是将模板的显示在页面上;render()函数接受一个fn参数,通过执行
浏览:1471 标签: render vuejs 时间: 2017-10-12 21:24
vuejs笔记之搭建vue脚手架(vue-cli)

vuejs笔记之搭建vue脚手架(vue-cli)

        使用v-cli的优势:成熟的vue项目架构设计、本地测试服务器、集成打包上线方案。        使用v-cli的系统要求:node.js (>=4.x)、Git、一个能使用node的命令行终端。        具体步骤:        1、安装node.js,从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以了。安装完成之后,
浏览:1267 标签: vue-cli vuejs 时间: 2017-10-11 23:11
vuejs笔记之自定义指令

vuejs笔记之自定义指令

vuejs自定义指令的局部写法<div id="app"><divv-mvc><p>{{name}}</p><p></p><span></span></div></div>var vm =new Vue({ el:'#app', data:{ name:'qwe' }, directives:{ mvc:{ bind:function(){//当我们绑定
浏览:1038 标签: vuejs 自定义指令 directives 时间: 2017-10-11 0:21
vuejs笔记之父/子组件之间传值($emit/props)

vuejs笔记之父/子组件之间传值($emit/props)

子组件所使用到的数据,必须是一个函数,数据用return返回;<divid="app"><component01></component01></div>Vue.component('component01',{ template:'<h3 @click="doClick">{{name}}</h3>',//子组件所使用到的数据,必须是一个函数,数据用return返回; d
浏览:1520 标签: 组件 vuejs emit props 时间: 2017-10-05 15:27

邮箱快速注册

忘记密码