• vue 学习笔记


    Vue 的两个核心点 :响应的数据绑定

              组合的视图组件(ui 页面映射为组件树)

    一、指令 

      职责:当前表达式的值改变时相应的将某些行为应用到DOM上

      1.v-model  

      v-model :将message 这个字段关联到input 的value  当我们修改input 里的value 值时 上面p 标签里的值对应的改变 实现双向绑定(页面里改变的内容 js 里的代码会对应的修改 js 代码的变动 会使页面中p标签里的值对应的改变)

    控制模块隐藏:v-if 、v-show

    v-for 循环

    v-show  根据表达式的值,用来显示/隐藏元素 

    v-show="表达式" 元素会被渲染在页面中,只根据表达式的值进行css切换

    v-on(简写为 @) :事件绑定

    v-bind(简写为 :):属性绑定

    :class

    如果ischecked 为true 则天剑上delete 这个类名

    new Vue({}) :实例化  所有的数据都放在data 中

    方法

    data :固定的一些数据

    methods :页面中会使用的一些方法

    watch 监听

     'a' :data 里面的'a' watch 监听页面中所有 'a'的变化

    数据渲染 :v-html 、v-text、{{}}

    new 一个vue 对象的时候可以设置它的属性,其中最重要的三个:data,methods,watch

    data:vue 对象的数据

    methods:vue对象的方法

    watch:对象监听的方法

    $ :自身属性和方法

    html 模板

    插值:文本插值  1、{{}}

             2、替换实例上的属性值,当值改变时,插值内容会自动更新

  • 相关阅读:
    JavaScript跨域总结与解决办法
    css IFC 与 BFC分析
    JavaScript Note
    Knowledge Architecture
    BSP
    Olympiad
    Software Engineering
    Assembly Language
    Algorithm
    Data Structure
  • 原文地址:https://www.cnblogs.com/cy1121/p/8298196.html
Copyright © 2020-2023  润新知