zoukankan      html  css  js  c++  java
  • Vue ---day01

    Vue 和 React 一样都是组件化;

    核心:声明式渲染和组件系统

    其他: 客户端路由   大数据管理    build系统

    vue组件:

      根组件: let app = new Vue({})   app.$mount();延迟挂载

      可复用组件: Vue.component('component-a',{})

    options:

      el: 实例的私有属性

      template:  模板,(根实例未设置时,取el标签内容为默认模板)  (template--->vnode--->dom元素)

      render:优先级高于 el 和 template   (vnode--->dom元素,渲染速度比el和template快)

      components:私有组件

      data:对象,私有数据(可复用模板必须以函数方式返回对象)

    实例的属性和方法:

      app.$data    app.$el   app.$set 等 以$开头

      访问私有数据: app.$data.user     app.user  

    拦截监听:

      rev2.0x,Object.defineProperty (递归调用)

         添加对象属性: 

            Vue.$set()    添加属性的同时,defineProperty

            app.$set()   是Vue.$set的别名

         数组方法: shift unshift  pop push split等方法 (改写了)

         不支持空数组添加成员 

         不支持length属性

         es6操作数组方法:  [...arr, new1] 

      rev3.0x: Proxy (兼容性降低,性能增强)

    大胡子语法:

      可以在组件中渲染     {{表达式}},但不可以设置标签的属性 

    指令:

      v-text  v-html  v-pre

      v-cloak     为标签添加 v-cloak类,  [v-cloak]{display:none}  dom渲染后显示

      v-for  ...in/of...   循环遍历 

      :key   

      v-bind  标签的属性等   v-bind:class='activeClass'   也可以是数组和对象 (Vue对 v-bind 指令做了增强)  

          :class= ""    :style=""   :title=""   绑定属性

          

     

      

        

  • 相关阅读:
    php基础之简单运算
    选择平淡
    php基础之控制结构
    关于三元运算符的初步应用及理解
    VS2015 遇到异常。这可能是由某个扩展导致的
    C#中如何去除窗体默认的关闭按钮
    (转载)SQL基础--> 约束(CONSTRAINT)
    SQL Server安装后设置SQL Server验证登录
    附加数据库 对于 ""失败,无法打开物理文件 操作系统错误 5:拒绝访问 SQL Sever
    SQL Server数据库操作(二)
  • 原文地址:https://www.cnblogs.com/baota/p/12321741.html
Copyright © 2011-2022 走看看