Skip to content

Latest commit

 

History

History
30 lines (26 loc) · 1.29 KB

vue.md

File metadata and controls

30 lines (26 loc) · 1.29 KB

vue

  • 1.双向绑定

  • 2.启动vue, 安装vue/cli

  • 3.v-modal指令实现双向绑定

  • 4.以vue为后缀的文件为组件。有且仅有一个根包含块。@事件名 �为绑定事件。

  • 5.导入组件。在script标签内使用import导入要引用的组件。 在components对象中引入要使用的组件。 data函数返回组件中的数据。都需要在data中声明数据。 methods�对象

  • 6.生命周期。 (1)created:当组件被创建的时候,初始化组件。 (2)monuted:把组件�挂载到页面�上,可以获取到dom元素�了。 (3)通过watch可以监听属性变化,有两个参数,�preValue,oldValue。例:

    • watch:{ 属性名(preValue, oldValue) {

      } }

    (4)computed对象,当��函数依赖的属性发生变化时就会调用。 (5) props,可以接收传入组件的属性

  • 7.引用dom元素 在标签上添加ref=“name”指令,在组件对象内可以获取这个dom,this.$refs.name就是这个dom元素了

  • 8.属性绑定,组件通信。 msg 静态字符串绑定 :msg 属性值(表达式)绑定,可以�表达式运算

    子组件通信父组件: 子组件使用�$emit, �子组件标签中调用父组件函数。 child: this.$emit('name', 'props'); father: @name="myfunction"