vue学以致用

vue初识

vue中的特殊字符含义和用法:

  • @click :相当于v-on:click=“函数名”,绑定点击事件。
  • com目录的作用
  • :class :v-bind:class=“class变量” 的缩写,class的值支持数组或对象。
  • v-bind : 相当于 {{}}
  • v-if : v-if = "show";"show"为boolean ,决定是否显示宿主元素
  • v-else : 前一兄弟元素必须有 v-if 或 v-else-if
  • v-else-if : 前一兄弟元素必须有 v-if 或 v-else-if
  • v-html :更新元素的 innerHTML
  • v-for : v-for = "(todoItem,index) in todoList" , 遍历渲染todoList的每一项
  • v-modal : <input v-model="message"> 表单输入的值,替换message变量
  • style标签能够包含的内容属性? scoped的作用
  • filter用法 : 过滤器
  • $mount :手动地挂载一个未挂载的实例
  • $ emit : 事件可以由vm.$emit触发。回调函数会接收所有传入事件触发函数的额外参数。
  • vm.$on( event, callback )
  • 组件传值,:属性名,@属性名的区别
  • data(){}写法
  • Vue.use()
  • form-data
  • mounted :加载完毕
  • methods :定义事件方法

总结

  • v- : 指令 语法 v-指令类型 = String,必须将它添加到一个元素上
  • data中定义的数据可用过new出来的Vue实例app直接访问,如app.todoList,而不是app.data.todoList
  • Vue组件名字不用首字母大写,这一点和React不同。例 <todo-list/>,而React必须写成<TodoList>,不能出现“ - ”。
  • $ 开头的为Vue实例暴露的属性与方法。如 vm.$ data, vm.$el
  • v-on的缩写是@
  • v-bind的缩写是:
  • 不要在选项属性或回调上使用箭头函数;
  • 用得最多的是单文件组件

参考
Vue官方文档

发布了18 篇原创文章 · 获赞 10 · 访问量 626

猜你喜欢

转载自blog.csdn.net/llq886/article/details/103369193
今日推荐