vue
鸟飞惊了看花人
这个作者很懒,什么都没留下…
展开
-
vue 请求接口示例 --小丑
<template> <div class="hello"> <div> {{title}} </div> <hr> <button @click="convert">点击获取数据</button> </div> </template> ...转载 2019-03-29 14:54:24 · 1536 阅读 · 0 评论 -
vue 接口请求 数据展示 --小丑
有图有真相 1 点击事件 <div class="check-item"> <input type="radio" name="material_setkeyword_type" id="material_setkeyword_text" value="text" class="regular-radio" v-model="checkedvalue" v-on:cli...原创 2019-03-29 15:10:23 · 1190 阅读 · 0 评论 -
vue添加删除元素的方法 --小丑
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue实例:添加删除元素r</title> <style type="text/css"> .form-group{ margin:10px; } .f...原创 2019-03-30 13:15:54 · 660 阅读 · 0 评论 -
vue 的点击事件怎么获取当前点击的元素
有时候要获取所点击元素的内容文本等信息 可以在点击事件里面加上event,这样即可获取。注意,一定是event,这样即可获取。注意,一定是event,这样即可获取。注意,一定是event, 这里你可以在控制台打印一下看看这个参数具体是什么,这个参数里面有很多内容。 如下代码打印的为console.log(e.target.defaultValue) HTML代码如下 <div class="...原创 2019-04-08 19:06:01 · 7872 阅读 · 0 评论 -
vue 单页应用(spa)前端路由实现原理
写在前面:通常 SPA 中前端路由有2种实现方式: window.history location.hash 下面就来介绍下这两种方式具体怎么实现的 一.history 1.history基本介绍 window.history 对象包含浏览器的历史,window.history 对象在编写时可不使用 window 这个前缀。history是实现SPA前端路由是一种主流方法,它有几个原始方法: ...转载 2019-05-06 10:05:03 · 419 阅读 · 0 评论 -
Vue-MVVM模式-简单解析
Vue.js介绍 Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。 如果你之前已经习惯了用jQuery操作DOM,学习Vue.js时请先抛开手动操作DOM的思维,因为Vue.js是数据驱动的,你无需手动操作DOM。它通过一些特殊的H...转载 2019-05-06 11:51:38 · 515 阅读 · 0 评论 -
Vue 十分钟入门Vuex
一. 什么是Vuex Vuex是一个专门为Vue.js应用程序开发的状态管理模式, 它采用集中式存储管理所有组件的公共状态, 并以相应的规则保证状态以一种可预测的方式发生变化. 上图中绿色虚线包裹起来的部分就是Vuex的核心, state中保存的就是公共状态, 改变state的唯一方式就是通过mutations进行更改. 可能你现在看这张图有点不明白, 等经过本文的解释和案例演示, 再回来看这张...转载 2019-05-06 15:08:20 · 524 阅读 · 0 评论