vue 基础的一些字眼及路由

每个框架都有一些自己的写法和一些字眼摘自 vue 官网 v-bind 缩写  <a v-bind:href="url">...</a>  <a :href="url">...</a> v-on 缩写  <a v-on:click="doSomething">...</a&…

基本结构: ◆ 1.路由的基本概念与原理 ◆ 2.vue-router的基本使用 ◆ 3.vue-router嵌套路由 ◆ 4.vue-router动态路由匹配 ◆ 5.vue-router命名路由 ◆ 6.vue-router编程式导航 ◆ 7.基于vue-router的案例 ◆ 1.路由的基本概念与原理 1.1 路由路由是一个比较广义和抽象的概念,路由的本质就是对应关系. 在开发中,路由分为: ◆ 后端路由 ◆ 前端路由 ◆ 后端路由本质:后端路由根据不同的 URL地址分发不同的…

vue 基础-->进阶教程(3):组件嵌套、组件之间的通信、路由机制

前面的nodejs教程并没有停止更新,因为node项目需要用vue来实现界面部分,所以先插入一个vue教程,以免不会的同学不能很好的完成项目. 本教程,将从零开始,教给大家vue的基础.高级操作.组件封装等,再配合前面的Nodejs后台,实现一个完整的项目. 组件嵌套在组件中使用components定义子组件,可以定义多个,定义好以后,就可以在组件的模板中使用子组件了.看下面示例:具体解释在注释中 <!DOCTYPE html> <html> <head lang=&quo…

「vue基础」一篇浅显易懂的 Vue 路由使用指南（ Vue Router 上）

大家好,今天的内容,我将和大家一起聊聊 Vue 路由相关的知识,如果你以前做过服务端相关的开发,那你一定会对程序的URL结构有所了解,我没记错的话也是路由映射的概念,需要进行配置. 其实前端这些框架的路由概念也是借鉴了后端路由框架的思想,让我们能像后端一样,进行路由规则化的配置.Vue的路由插件不仅是官方提供还有完善的文档,还有一个优势就是随着Vue版本同步更新. 安装路由插件( Vue Router) 你可以通过npm(npm install vue-router)或通过 Vue CLI 脚手…

从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 十九║Vue基础: 样式动态绑定+生命周期

回顾哈喽大家好,前后端分离系列文章又开始了,今天周一,还是感谢大家花时间来观看我写的博客,周末呢,没有写文章,但是也没有闲着,主要是研究了下遗留问题,看过之前文章的应该知道,之前的在AOP使用Redis缓存的文章里,遗留了一个问题,周末苦思冥想还是不得其法,想了一个馊主意,但是肯定不是最终解决方案,感兴趣的可以看看,地址<框架之十一 || AOP自定义筛选,Redis入门 11.1>,然后呢,剩下的时间,就是简单搭建了下我在以后的Vue实战中用到的一个小项目,我会手把手在一户的文章中讲到,但…

从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 二十║Vue基础终篇：传值+组件+项目说明

缘起新的一天又开始啦,大家也应该看到我的标题了,是滴,Vue基础基本就到这里了,咱们回头看看这一路,如果你都看了,并且都会写了,那么现在你就可以自己写一个Demo了,如果再了解一点路由,ajax请求(这里是axios),那么你就可以准备面试前端了,哈哈,当然没有这么夸张,往后的路还很长,至少咱们基础都会了. 这里咱们再温习下之前讲了哪些基础知识: <十五 ║Vue前篇:了解JS面向对象原理 & 学会嵌套字面量等4种函数定义 & this指向> <十六 ║Vue前篇:E…

2-5 vue基础语法

一.vue基础语法语法: {{msg}} html赋值: v-html="" 绑定属性: v-bind:id="" 使用表达式: {{ok? "yes": "no"}} 文本赋值: v-text="" 指令: v-if="" 过滤器: {{msg | capitalize}} 条件渲染 v-if v-else v-else-if v-show v-cloak vue组件全局组件和局部…

vue基础知识之vue-resource/axios

Vue基础知识之vue-resource和axios(三) vue-resource Vue.js是数据驱动的,这使得我们并不需要直接操作DOM,如果我们不需要使用jQuery的DOM选择器,就没有必要引入jQuery.vue-resource是Vue.js的一款插件,它可以通过XMLHttpRequest或JSONP发起请求并处理响应.也就是说,$.ajax能做的事情,vue-resource插件一样也能做到,而且vue-resource的API更为简洁.另外,vue-resource还提…

Vue基础知识之vue-resource和axios

Vue基础知识之vue-resource和axios 原文链接:http://www.cnblogs.com/Juphy/p/7073027.html vue-resource Vue.js是数据驱动的,这使得我们并不需要直接操作DOM,如果我们不需要使用jQuery的DOM选择器,就没有必要引入jQuery.vue-resource是Vue.js的一款插件,它可以通过XMLHttpRequest或JSONP发起请求并处理响应.也就是说,$.ajax能做的事情,vue-resource插件一样…

Vue 基础篇

Vue 基础篇一.框架与库的区别 JQ库->DOM(DOM操作) + Ajax请求 art-template库->模板引擎框架 -> 全方位.功能齐全简易的DOM体验 + 发请求 + 模板引擎 + 路由功能 + ... 代码上的不同: 一般使用库:调用某个函数,自己可以把控库的代码一般使用框架:其框架在帮我们运行已编写好的代码框架:初始化自身的一些行为执行你所编写的代码施放一些资源库:小而精框架:大而全 ( 框架包含了各种库 ) 二.起步引包直接用 <scri…