zoukankan      html  css  js  c++  java
  • vue学习_01

    一、什么是VUE

    渐进式的前端框架,MVVM(Model,view,viewmodel)模式,饿了么用的就是vue框架

    二、VUE基本语法

    1.引入vue:

    <script src="vuejs/vue.js"></script>

    2.准备需要挂载的哇标签:

    <div id="app"></div>

    3.新创建vue,进行挂载

    <script type="text/javascript">
    new Vue({
    el:"#app",//挂载
    data:{//数据

    },
    methods:{
    //方法
    }
    })
    </script>

    三、VUE指令

    v-text:会把标签当作字符串显示

    v-html:会解析html中的标签

    v-for:循环数组,对象,数字,字符串

    v-bind:绑定属性,让属性在vue对象中取值

    标签形式 v-bind:属性=“”

    简写形式 :属性=“”,可以直接绑定所有属性

    v-model:双向绑定

    v-show:展示与隐藏(仅仅是隐藏,相当于display:none,代码查看器可以看到)

    v-if:v-else-if:v-else判断(不显示dom元素就删除)

    v-on:注册事件

    标准写法:v-on:click=“”

    简写方法:@click=“”

    四、VUE组件

    1.全局组件:所有被挂载的位置都可以使用

    2.局部组件:只有在当前被挂载的元素中使用

    注意事项:

    • 先创建组件后挂载
    • 在templet中必须有一个唯一的根
    • 取名最好用小写
  • 相关阅读:
    c# 进制
    java生成验证码
    java基础练习题
    java九九乘法表
    java list集合练习
    深入理解Java的接口和抽象类
    java 接口 练习
    java泛型详解
    Java 继承 小练习
    Java单例模式深入详解
  • 原文地址:https://www.cnblogs.com/smiledragon/p/10639862.html
Copyright © 2011-2022 走看看