vueJs,有很多指令,比如说:
v-html,输出html内容
v-bind,用于绑定一些属性之类的
v-model,双向绑定
v-if,根据true或是false,来决定是否插入到页面当中,dom节点...,不在页面中
v-show,根据true或是false,来决定是否在页面中显示,dom节点已经在页面中,只是隐藏
vue的事件
v-on:click="事件名"
可以简写成 @click="事件名"
....: {
aaa : function( _v, _n ){
......
}
}
组件,component,
全局组件,Vue.component
用法组件名>组件名>
自定义事件,用于父子组件的传值...,子组件要向父组件去传值,就要用到"自定义事件"
$on,监听事件
$emit,触发事件
父组件,在使用子组件的地方,直接v-on,来监听它的触发
全局自定义指令 Vue.directive
自定义指令...,就是封装好的一个函数,通过vue的语法来调用
使用方法,v-指令名
vue-cli脚手架
全局安装 npm install -g vue-cli
vueJs在vue-cli里面的文件烈性是 .vue的