zoukankan      html  css  js  c++  java
  • vue 笔记

    vue 实例:
                通过 new Vue({...})创建对象
                配置对象中的部分内容会被提取到 vue 实例中:
                      1. data
                      2. props
                      3. methods
                      4. computed
          挂载:
                让 vue 实例控制网页中某个区域的过程,称之为挂载
                挂载的方式:
                      1. 通过el:"css 选择器" 进行配置
                      2. 通过 vue 实例 .$mount("css选择器")进行配置
          模板:
                1. 模板的作用是:
                      为了提高渲染效率,vue 会吧模板编译成为虚拟 DOM 树,然后再生成真是的DOM
                2. 模板写到哪?
                      1. 在挂在的元素内部直接书写
                      2. 在 template 配置中书写
                      3. 在 render配置中用函数创建
                3. 模板中写什么?
                      1. 静态页面
                      2. 插值:{{JS表达式}}
                      3. 指令
                          1. v-html:绑定元素的innerHTML
                          2. v-bind: 属性名   :绑定属性
                          3. v-on: 事件名    :绑定事件
                          4. v-if:判断元素是否需要渲染
                          5. v-show:判断元素是否应该显示
                          6. v-for:用于循环生成元素
                          7. v-bind:key:用于帮助在重新渲染时元素的对比,通常和 v-for 配合使用,以提高渲染效率
                          8. v-model:语法糖,用于实现双向绑定,实际上,是自动绑定了value属性值,和注册了 input 事件
                      4. 模板中的代码环境
                          模板中所有的JS代码,它的环境均为 vue 实例,例如{{title}},得到的结果相当于是 vue 实例.title
                4. 配置对象
                      1. data:数据
                      2. template:字符串,配置模板
                      3. el:配置挂载的区域
                      4. methods:配置方法
                      5. computed:配置计算属性
                            计算属性和方法的区别:(computed 跟 methods 的区别)
                                  1. 计算属性使用时,是当成属性使用,而方法是需要调用的
                                  2. 计算属性会进行缓存,如果依赖不变,则直接使用缓存结果,不会重新计算
                                  3. 计算属性可以当成属性赋值
  • 相关阅读:
    重写(Overriding)与重载(Overloading)的区别
    A Guide to setup SQL Server Reporting Services (SSRS) with Dynamics AX
    date2Str Function in Dynamics AX 2009
    浅谈程序员加薪问题(转)
    消息队列设计精要
    Redis集群模式原理探究
    SpringBoot内置tomcat原理分析
    Mybatis整体设计探究
    MapStruct 使用详解
    Zookeeper快速领导者选举原理
  • 原文地址:https://www.cnblogs.com/xiewangfei123/p/13557698.html
Copyright © 2011-2022 走看看