Vue自学笔记

vue笔记 - 幕布

  •  
    • vue的生命周期

      Vue自学笔记_第1张图片

    • Vue环境搭建:1.导入开发板的vue.js,2,在浏览器下载开发者调试工具并且加入扩展程序,3,创建Vue实例
    • 想让vue工作就要创建Vue实例,且要转入v-model应该配置对象 root容器中的代码依然符合html规范只不过引入了Vue语法
    • Vue实例与容器一一对应
    • vue有插值语法和指令语法,模型语法
    • v-bind(:value)是单向绑定,v-model:value(v-model)是双向绑定,只能用在表单类元素上(输入类绑定value值)
    • setTimeOut()定时器
    • el绑定两种方法:
      • 方法一:
      • el绑定

      • 你好,我是{{name}}
  • 方法二:直接el:'#mao'
  • data的两种写法
    • 1.对象式
    • data:{
    • name:'尚硅谷'
    • }
    • 2.函数式
    • data:function(){
    • return{
    • name:'尚硅谷'
    • }
    • }
  • Vue自学笔记_第2张图片

  • MVVM模型
  • Vue自学笔记_第3张图片

    Vue自学笔记_第4张图片

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