![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
诺亚蜗牛_Snail
世界上只有一种成功,就是按自己喜欢的方式过完一生
展开
-
vue_模版语法、计算属性和监视、样式绑定
vue引入 <html lang="en"> <head> <meta charset="UTF-8"> <title>01_HelloWorld</title> </head> <body> <!-- 1. 引入Vue.js 2. 创建Vue原创 2019-01-24 22:41:13 · 122 阅读 · 0 评论 -
vue_条件渲染、列表渲染
条件渲染 <html lang="en"> <head> <meta charset="UTF-8"> <title>08_条件渲染</title> </head> <body> <!-- 1. 条件渲染指令 v-if v-else v-sh原创 2019-01-24 22:42:39 · 122 阅读 · 0 评论 -
vue_事件处理、表单数据自动收集、vue生命周期
事件处理 <html lang="en"> <head> <meta charset="UTF-8"> <title>07_事件处理</title> </head> <body> <!-- 1. 绑定监听: v-on:xxx="fun&qu原创 2019-01-25 22:29:57 · 238 阅读 · 0 评论 -
vue_过渡&动画、过滤器、指令
过度和动画 <html lang="en"> <head> <meta charset="UTF-8"> <title>10_过渡&动画1</title> <style> /*指定过渡样式*/ .xxx-enter-active, .xxx-leave-act原创 2019-01-26 16:40:08 · 193 阅读 · 0 评论 -
vue-组件间通信
组件间通信基本原则 1.不要在子组件中直接修改父组件的状态数据 2.数据在哪,更新数据的行为(函数)就定义在哪 main.js import Vue from 'vue' import App from './App.vue' import './base.css' // 创建vm /* eslint-disable no-new */ new Vue({ el: '#app', co...原创 2019-02-26 09:32:32 · 171 阅读 · 0 评论