IT入门 > 教程 > vue教程 >
  • 什么是vue

    2020/11/26 点击:36621

    Vue.js的定位是一个渐进式框架 前端三大mvvm框架 vue , react ,angular Vue.js受到越来越多关注的一个重要原因:你只需要具备基本的HTML/JavaScript/CSS 基础,就可以快速上手,让你用上这些现代

  • hello Vue

    2020/09/01 点击:19205

    1.引入vue.js库 2. 创建vue实例 3. 完整html导入 {{message}} 4.完整的helloWorld代码 Hello World {{message}}

  • 文本语法

    2020/09/01 点击:14332

    文本 数据绑定最常见的形式就是使用{{}}语法 (双大括号) {{message}} 也可以使用v-bind方法 html文本 双大括号会将数据解释为普通文本,而非 HTML 代码。为了输出真正的 HTML,你需要使用

  • 属性绑定

    2020/09/01 点击:12343

    给html标签绑定一个属性值应该使用 v-bind:属性名称 以下代码给h1绑定一个新的id和title属性 我是一行快乐的标题 渲染结果是: 我是一行快乐的标题 绑定属性也是可以直接简写: 我是一

  • 使用 JavaScript 表达式

    2020/09/01 点击:11333

    在我们的模板中,我们一直都只绑定简单的属性键值。但实际上,对于所有的数据绑定,Vue.js 都提供了完全的 JavaScript 表达式支持。 {{4+5}} {{ ok ? '是的' : '不是' }} {{['木木','曾庆林'].

  • 条件指令 v-if

    2020/09/01 点击:11565

    指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 真 值的时候被渲染。 你好,木木! 也可以用 v-else 添加一个“else 块”: 请登录后操作 你好:木木 请登录后操作

  • v-show指令

    2019/03/21 点击:13607

    另一个用于根据条件展示元素的选项是 v-show 指令 Hello! v-show 只是调整css中display属性,DOM已经加载,只是CSS控制没有显示出来。 v-if: 判断是否加载,可以减轻服务器的压力,在需要时

  • 列表渲染

    2020/09/01 点击:9178

    我们用 v-for 指令根据一组数组的选项列表进行渲染。v-for 指令需要使用 item in items 形式的特殊语法,items 是源数据数组并且 item 是数组元素迭代的别名。 基本用法 {{item}} var app=new Vue

  • 列表-对象输出

    2020/09/01 点击:12133

    对象循环输出 {{item.name}}--{{item.age}} var app=new Vue({ el:'#app', data:{ items:[ {name:"mumu", age:18}, {name:"zql", age:22}, {name:"曾庆林", age:28}, ] } })

  • 列表渲染-索引

    2020/09/01 点击:11574

    索引 {{item.name}}-{{index}}-{{item.age}} 结果是 mumu-0-18 zql-0-22 曾庆林-0-28