vue入门学习(基础篇)
vue入门学习总结:
- vue的一个组件包括三部分:template、style、script。
- vue的数据在data中定义使用。
- 数据渲染指令:v-text、v-html、{{}}。
- 隐藏未编译的标签:v-cloak 。
- 控制模块隐藏:v-if(值为false时不会渲染到dom上)、v-show(相当于display属性的show和hide)。
- 事件绑定:v-on、@语法,一般方法写在methods里面,需要操作dom的方法写在mounted里面,此时dom渲染完毕。
- 属性绑定:v-bind、:用法,例如:class= " {red:isRed}"。
- 定义的组件,引用时import到相应模块后,需要在components注册。
- 组件之间的通信:父组件通过props传参给子组件,子组件通过$emit通知父组件。