方法处理器        可以用v-on指令监听DOM事件。div id="example">  button v-on:click="greet">Greetbutton>//绑定了一个单击事件处理器到一个方法greetdiv>        在实例中定义这个方法：var vm = new Vue({  el: '#example',  dat

概述vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换。本文将以示例的形式来介绍vue-router的各个特性，一共包含

DocumentHello App!默认会被渲染成一个 `` 标签 -->Go to FooGo to Bar// 0. 如果使用模块化机制编程，導入Vue和VueRouter，要调用 vue.use(vuerouter)// 1. 定义（路

组件       组件可以扩展HTML元素，封装可重用的代码，在较高的层面上，组件是自定义元素，vue.js的编译器为它添加特殊功能，在有些情况下，组件也可以是原生HTML元素的形式，以is特性扩展。       Vue.js的组件可以理解为预先定义好了行为的ViewModel类。一个组件可以预定义很多选项，但最核心的是以下几个：模板（template）：模板声明了数据

基础语法        可以用v-model指令在表单控件元素上创建双向数据绑定，根据控件类型它自动选取正确的方法更新元素。textMessage is: {{ message }}span>input type="text" v-model="message" placeholder="edit me">Multiline text{{ messa

条件渲染v-ifdiv id="demo">div v-if="abc">{{abc.a}}div>    //该值为true时显示该标签，为false则不显示div>var vm = new Vue({el:'#demo',data:{abc:{a:"1"}         }})script>if...else结构h1

vuepress 中使用 vue 组件       在 vuepress 中一般会直接写 md 文件，但是有时需要做一些自定义的东西，比如展示一些前端效果，点击切换样式等等，就可以结合 vue 组件来实现。1.在.vuepress 文件夹中建立 components 文件夹，添加一个例如名为 my-demo.vue 的文件<template&gt...

Vue.js 将绑定表达式限制为一个表达式。如果需要多于一个表达式的逻辑，应当使用计算属性。div id="example">     a={{ a }}, b={{ b }}div>var vm = new Vue({      el: '#example',     data: {       a: 1     },     computed: {       // 一个计算属性的

用了十多天看完一份vue实战视频，实现了一个仿饿了么外卖APP。部分总结以及部分实现如下：App.vue1.App.vue在HTML中使用router-link标签来导航，默认被渲染成一个a标签，通过传入to属性指定链接；<div class="tab-item"><router-link to="/goods"&a