Vue2.0中el与data的两种写法

先说结论

  1. el有以下2种写法

    • new Vue时配置el属性

    • 先创建Vue实例,随后再通过调用$mount()函数挂载el

  2. data有以下2种写法

    • 对象式

    • 函数式

      用组件时,data必须使用函数式,否则会报错

  3. 一个重要的原则:由Vue管理的函数,一定不要写箭头函数,一旦写了箭头函数,this就不再是Vue实例了。

el的两种写法

都在代码中。(CSDN中无语法高亮,建议复制到自己的VSCode中查看代码)

你好,{{name}}

data对象式和函数式


    
    

你好,{{name}}

例子2:


    
    

你好,{{name}}

{{course}}

感谢尚硅谷Vue教学视频

你可能感兴趣的:(vue,vue.js,javascript,前端)