随笔分类 -  Vue

vue-组件间通信
摘要：组件间通信基本原则 1.不要在子组件中直接修改父组件的状态数据 2.数据在哪，更新数据的行为（函数）就定义在哪 main.js import Vue from 'vue' import App from './App.vue' import './base.css' // 创建vm /* eslin 阅读全文
posted @ 2019-02-26 09:32 NE_STOP 阅读(14) 评论(0) 推荐(0)
vue_过渡&动画、过滤器、指令
摘要：过度和动画 <html lang="en"> <head> <meta charset="UTF-8"> <title>10_过渡&动画1</title> <style> /*指定过渡样式*/ .xxx-enter-active, .xxx-leave-active { transition: op 阅读全文
posted @ 2019-01-26 16:40 NE_STOP 阅读(9) 评论(0) 推荐(0)
vue_事件处理、表单数据自动收集、vue生命周期
摘要：事件处理 <html lang="en"> <head> <meta charset="UTF-8"> <title>07_事件处理</title> </head> <body> <!-- 1. 绑定监听: v-on:xxx="fun" @xxx="fun" @xxx="fun(参数)" 默认事件形 阅读全文
posted @ 2019-01-25 22:30 NE_STOP 阅读(10) 评论(0) 推荐(0)
vue_条件渲染、列表渲染
摘要：条件渲染 <html lang="en"> <head> <meta charset="UTF-8"> <title>08_条件渲染</title> </head> <body> <!-- 1. 条件渲染指令 v-if v-else v-show 2. 比较v-if与v-show 如果需要频繁切换 阅读全文
posted @ 2019-01-24 22:43 NE_STOP 阅读(9) 评论(0) 推荐(0)
vue_模版语法、计算属性和监视、样式绑定
摘要：vue引入 <html lang="en"> <head> <meta charset="UTF-8"> <title>01_HelloWorld</title> </head> <body> <!-- 1. 引入Vue.js 2. 创建Vue对象 el : 指定根element(选择器) data 阅读全文
posted @ 2019-01-24 22:41 NE_STOP 阅读(14) 评论(0) 推荐(0)