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官方文档