10-12钟诚

语法
vue基本语法
{{msg}}插入法
v-text:meg 作为属性值
v-bind vue提供的属性机制 简写: 一个冒号




v-on 绑定事件 点击事件v-on:click="show" 绑定点击事件 调用show方法




v-clock 解决闪烁问题
v-html 解析HMTL标签
v-if 指令将根据表达式 seen 的值(true 或 false )来决定是否插入 元素。
v-model 指令来实现双向数据绑定:
只能运用于表单元素中:input(radio,text,address,email…..)) checkbox,
v-show 指令来根据条件展示元素
true显示 false隐藏
只能控制一个元素
事件修饰符
stop修饰符 阻止冒泡
@click.stop="函数名“ 只有这个函数触发 或者在整个冒泡事件中 指定的这个函数触发
prevent修饰符 阻止默认行为
@click.prevent="函数名"
capture添加事件侦听器添加事件捕获机制
self 只有点击当前触发元素 才会触发事件
once 只触发一次
子主题 6
条件语句
v-if 指令将根据表达式 seen 的值(true 或 false )来决定是否插入 p 元素。

现在你看到我了

循环语句
    循环使用 v-for 指令。
        v-for 指令需要以 site in sites 形式的特殊语法, sites 是源数据数组并且 site 是数组元素迭代的别名。
            <div id="app">

  1. {{ site.name }}

        v-for 迭代对象
            <li v-for="value in object">

标签

云创动力前端开发工程师 云创集训 开发喵 成都云创动力 成都物联网 教育生态服务商

评论