未命名项目

---vue学习第一天

  1. vue将数据渲染到dom中
  2. v-xx表示指令
    鼠标悬停几秒钟查看此处动态绑定的提示信息!

该指令的意思是:“将这个元素节点的 title 特性和 Vue 实例的 message 属性保持一致”

  1. 条件,用于切换元素是否可见

    现在你看到我了

  1. 循环
    1. {{ todo.text }}
  1. 处理用户输入,v-on指令监听事件

    {{ message }}

  1. v-model指令,它能轻松实现表单输入和应用状态之间的双向绑定。

    {{ message }}

  1. 组件定义
  1. vue实例 vm可以访问所有属性及方法 例如vm.a=1 var data = {a:1}; var vm = new Vue({ //选项 data:data })

    1. 数据与方法 data对象 当数据发生改变时,视图会重新渲染 vue语法可以直接访问最内部的数据,无需引用和参考(这里是指用户定义属性) 实例的属性和方法采用以下语法 vm.$data($操作符的使用)
  2. 生命周期 created\mounted\updated 不要在属性或者毁掉函数上使用箭头函数 如: created: () => console.log(this.a)

  3. {{msg}}数据绑定,{{}}会将数据解释为普通文本,若输出html,需要使用v-html

    Using v-html directive:

问题:不能使用v-html来复合局部模板,因为VUE不是基于字符串的模板引擎。

  1. 参数名称,一些指令能够接收一个“参数”,在指令名称之后以冒号表示。

...

  1. 缩写 ...

...

...

...

  1. 模板,例如
    {{ message.split('').reverse().join('') }}
vue
JSRUN前端笔记, 是针对前端工程师开放的一个笔记分享平台,是前端工程师记录重点、分享经验的一个笔记本。JSRUN前端采用的 MarkDown 语法 (极客专用语法), 这里只属于前端工程师。