vue-resource中模拟数据jsonserver

如果项目中没有json-server,先安装json-server npm install json-server –save 1.引用:再主入口main.js中(因为都要用到) 使用json-server 在packjson.json中 添加 “json:...

2018-05-22 11:22:16

阅读数 105

评论数 0

Vue vue-resource ajax请求

如果项目中没有vue-resource,先安装vue-resource npm install vue-resource –save 1.引用:再主入口main.js中(因为都要用到) import VueRouter from 'vue-router'

2018-05-14 10:45:17

阅读数 253

评论数 0

Vue 根据data中的数据变量绑定图片

1.背景图片绑定 <div class="index-board-item" v-for="(item,index) in boardList" :class=&...

2018-05-12 23:02:45

阅读数 721

评论数 0

Vue 数据管理中心 vuex

简介: 一个网站是许多组件拼成的,组件的数据是共享的。在其中一个组件中进行增删,在其他组件中需要进行同步的更新 2种方法比较: 1.通过事件。(通知每一个组件,会变的非常复杂,不适合项目) 2.Store数据中心。用来维护状态数据,每一个组件进行更新的时候,...

2018-05-11 17:54:13

阅读数 297

评论数 0

Vue router 路由

如果项目中没有路由,先安装路由 npm install vue-router –save 1.引用:再主入口main.js中(因为都要用到) import VueRouter from 'vue-router' 2.使用:用Vue使用路由 Vue.u...

2018-05-11 01:22:54

阅读数 257

评论数 0

Vue 指令directives

directives与data平级,其中el就是当前指令的元素。binding.value就是绑定的值 用法: directives:{ color:function (el,binding) { //默认的简写方式会在钩子函数bind,update中执行 el....

2018-05-09 21:55:48

阅读数 3316

评论数 0

Vue 过渡动画

vue中v-show,v-if,动态组件 切换比较生硬。可以让他有渐隐渐出的效果 css <template> <div> &am...

2018-05-09 19:56:37

阅读数 85

评论数 0

Vue 插槽 -子组件插入信息到父组件中去

用法:父子组件中 子组件写入<slot></slot>,就可以在父组件内容写入内容了。 具名插槽<slot name="header"...

2018-05-09 17:58:37

阅读数 1278

评论数 0

Vue 监听属性

> 监听属性:监听vue的一个变量,每当这个变量发生改变,都执行特定的操作 watch:{…} 与data平级 1.watch本身是一个数组,key就是我们要监听的变量,value就是一个函数执行操作 2.value这个函数有两个参数,一个是新值,一个...

2018-05-09 01:38:22

阅读数 521

评论数 0

Vue 计算属性

2018-05-09 00:18:41

阅读数 95

评论数 0

Vue 指令 - v-model 表单的绑定

<template> <div> <input type="text" v-model="myValue&quo...

2018-05-08 01:51:01

阅读数 179

评论数 0

Vue 组件 - 组件之间的通讯。操作父组件,获取子组件数据

自定义事件:自定义事件的参数是由子组件发出的 父亲向查看孩子的情况,自定义了一个事件。孩子发出这个事件,并给了一份数据给父亲。不知道理解有没有错误,求大神指点 ...

2018-05-07 23:58:32

阅读数 1148

评论数 0

Vue 指令 v-on 事件:参数 .修改器

<!--阻止冒泡--> <button @click.stop="toggle">切换页面</button> &a...

2018-05-07 23:27:59

阅读数 488

评论数 0

Vue 指令 v-if v-show v-else 条件渲染

<template> <div> <div v-if="show">partA</div...

2018-05-07 23:15:06

阅读数 80

评论数 0

Vue 指令 - v-bind 绑定标签属性

1.绑定属性名,” “里面是变量 可以是string object array <a v-bind:href="link" :title="linkname">百度&am...

2018-05-07 22:58:58

阅读数 3636

评论数 0

Vue 指令 - v-for 列表数据的同步更新方法

<template> <div> <ul> <li v-for="(item,index) in li...

2018-05-07 21:57:03

阅读数 2749

评论数 0

Vue 指令 - v-for 渲染对象

<template> <div> <ul> <li v-for="(value,key) in obj...

2018-05-07 17:00:28

阅读数 163

评论数 0

Vue 指令 - v-for 渲染数组对象

<template> <div> <ul> <li v-for="item in list&q...

2018-05-07 16:20:56

阅读数 847

评论数 1

Vue 指令 - v-html v-test

<template> <div> <p v-text="word1"></p&g...

2018-05-07 15:58:42

阅读数 602

评论数 0

Vue 组件 - 在不同文件内组件的注册与引入

1.引入组件,注册组件,调用组件 <script> import componentA from './components/a' //引入组件 export default { components:{ compo...

2018-05-07 15:32:57

阅读数 64

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭