随笔分类 - 前端框架-Vue
摘要：vue之不同路由传值的两种方法：动态路由和get传值 一、动态路由 1.步骤： 1.1 配置动态路由 1.2 在对应的页面通过 this.$route.params 获取动态路由的值 2.实例演示 2.1 在main.js中配置动态路由 2.2 在news.vue中的链接路由 2.3 在Conten
阅读全文
摘要：vue之路由以及默认路由跳转 之前我们将子组件挂载到根组件的时候都是手动挂载的，而路由就是自动的将子组件挂载到根组件中 在这里我们需要用到一个路由插件，就是 vue-router ，vue-router网址：https://router.vuejs.org/zh/guide/ 既然要用插件了那肯定要
阅读全文
摘要：vue之非父子组件传值 如何进行非父子组件传值，下面举例说明。 比如说有两个兄弟组件要进行传值，我们把这两个兄弟组件当做两个城市，一个是home城市，一个news城市。我们把传值当做发送快递。 我们想要发送快递就的有一辆专门的快递车，来帮助我们传递快递，并且要求这辆快递车是可以全国都可以跑的，也就是
阅读全文
摘要：vue之父子组件传值 一、父组件给子组件传值 1. 父组件给子组件传值 注意：传值时，传递的参数最好不要和子组件里已有的参数名冲突。 并且也可以传方法，传方法时不要加扩号，扩号意味着执行。 而且还可以把父组件整个实例传递过去 1.1 传递属性 a.父组件调用子组件的时候，绑定动态属性； b.在子组件
阅读全文
摘要：vue之数据请求方式 1. vue-resource 2.axios 3.fetch-jsonp 一、vue-resource 1. 安装vue-resource 在项目根目录进行安装：cnpm install vue-resource --save save说明：将此插件名插入到pachage.j
阅读全文
摘要：要求： 1.可以增加菜名 2.可以删除菜名 3.点击选择菜名后自动增加到已选菜单中 4.可以在已选菜单中取消选择 代码： 演示： 1.初始化 2.选择菜品 3.删除菜品 4.添加菜品 要求： 在原基础上，实现 在添加菜名时输入完毕后按回车键进行添加，而不是点击按钮，并且添加完后输入框置空。 通过ge
阅读全文
摘要：内容概要： 常用指令二 一、常用指令二 1. 事件执行 v-on 或 @ 说明：v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。 示例：直接在指令中写js代码 结果： 1.1 事件处理方法： 然而许多事件处理逻辑会更为复杂，所以直接把 JavaScript 代码写在
阅读全文
摘要：内容概要： Vue目录结构分析 常用指令：数据绑定、属性绑定、数据渲染 Vue目录结构分析 常用指令：数据绑定、属性绑定、数据渲染 一、Vue目录结构 1.整体目录说明： 2. .vue文件说明： .vue的文件称为组件，里面有三部分组成：<template>、<script>、<style> 注意
阅读全文
摘要：内容概要： Vue介绍 安装Vue Vue介绍 安装Vue 一、Vue介绍 Vue是一套用于构建用户界面的渐进式框架。Vue的核心库只关注视图层。是一个单页面框架，是基于模块化组件化的开发模式。 二、安装Vue 1. 安装node.js nodejs目前使用nodejs最多的场景是前端构建工具，比如
阅读全文
浙公网安备 33010602011771号