vue入门学习(基础篇)

时间:2021-02-15 17:15:24

vue入门学习总结:

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