美文网首页
2020-02-03

2020-02-03

作者: 栀心_d553 | 来源:发表于2020-02-04 11:39 被阅读0次

    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 属性访问这个元素对象

    相关文章

      网友评论

          本文标题:2020-02-03

          本文链接:https://www.haomeiwen.com/subject/nqnkxhtx.html