2020-02-04

1、一个template（模板）下只能有儿子，但是可以有多个孙子

2、props和data只能使用一个，否则就是重复声明

代码

export default {

  name: 'HelloWorld',

  props: {

    msg: String

  }

  data(){

    return{

        msg:'Hello wrold'

    }

  }

}

3、如果是副文本编辑器（输入的内容不是纯文本），应该使用v-html来展示

5、常用内置指令：

v-if v-else v-show 根据true和false来显示是否隐藏

区别是：v-if v-else 如果不满足条件，在F12检查页面时就没有标签，而v-show不管你满不满足在检查时都有标签，只是通过display来控制在页面上显不显示

对于一会显示一会隐藏的项目，就用v-show

1）v-text : 更新元素的 textContent

2）v-html : 更新元素的 innerHTML

3）v-if : 如果为 true, 当前标签才会输出到页面

4）v-else: 如果为 false, 当前标签才会输出到页面

5）v-show : 通过控制 display 样式来控制显示/隐藏

6）v-for : 遍历数组/对象

7）v-on : 绑定事件监听, 一般简写为@

8）v-bind : 强制绑定解析表达式, 可以省略 v-bind 简写为:

9）v-model : 双向数据绑定

10）ref : 指定唯一标识, vue 对象通过$refs 属性访问这个元素对象