vue项目总结

作者: haiya08 | 来源:发表于2017-12-03 08:44 被阅读0次

模板：<div v-bind:class="classA" ></div>

简写：<div :class="classA"></div>

1.1、class支持数据变量，当变量值改变时，将同时更新class，表达式接受三目运算

1.2、对象语法

<div :class="{ active：isActive }"></div>

1.3、数组语法

数组方式绑定

2.1、父组件访问子组件 $refs 或 $children

首先你的给子组件做标记。demo ：

然后在父组件中，通过this.$refs.one就可以访问子组件了，包括访问子组件的data里面的数据，调用它的函数

或者：this.$children[i].msg

2.2、子组件访问父组件$parent

在子组件 this.$parent

Vue移动项目
Vue移动项目总结一、vue-cli创建项目并配置vue路由https://www.jianshu.com/p/...
vue小项目总结1
总结今天写vue小项目总结链接：参考VUE文档原文 vue实例中我修改data.msg属性，再去页面获取div中...
Vue后台管理界面
Vue后台管理项目一、自我总结后台管理界面项目里的知识点项目起始初学vue使用https://panjiac...
2019-07-15vue项目基础篇
vue项目总结创建vue环境：https://blog.csdn.net/u013182762/article/...
vue组件使用
最近总结了一下vue组件的使用,如下: 1、创建项目 $ npm install -g vue-cli$ vue ...
Vue + ElementUI 后台管理系统项目心得（二）
此篇是关于 Vue 的总结。Js 的总结请见前一篇：Vue + ElementUI 后台管理系统项目心得（一）话...
Vue创建项目步骤总结
Vue创建项目总结一、如何创建一个VueDemo项目为了更好的管理使用vue框架创建项目，需要在全局中安装vu...
百川平台项目总结
百川平台项目总结技术栈：vue + vuex + vue-router + vee-validate + Ele...
Vue项目总结
项目简介去哪儿的webapp版，实现其中的home界面，城市选择页面，详情页部分逻辑和界面代码结构 build...
vue项目总结
1、动态绑定class 模板：简写： 1.1、class支持数据变量，当变量值改变时，将同时更新class，表...