VUE笔记

原创 疯狂weber 教程 VUE 142阅读 2018-03-13 11:26:34 举报

vue-cli 安装和启动

全局安装 npm install -g vue-cli
查看版本 vue -V
开始下载模版 vue init webpack '文件夹名称'
安装全部模块 npm install
启动应用 npm run dev

vue常用指令

名称缩写作用举例
v-bind动态地绑定一个或多个特性,或一个组件prop到表达式:title="sku.show_name"
v-on@绑定事件监听器到元素@click="fnName"
v-modelnone创建双向绑定v-model="message"
v-shownone根据状态显示或者隐藏组件/元素,但是会保存在DOM中不会销毁v-show=true
v-fornonev-for 指令根据一组数组的选项列表进行渲染。v-for 指令需要使用 item,index in items 形式的特殊语法,items 是源数据数组并且 item 是数组元素迭代的别名, index 参数为当前项的索引v-for="item,index in carPanelData

methods事件处理

在vue页面绑定事件文件,直接写在methods对象中

组件及组件引用

组件
vue组件一般由三部分组成:模板、组件类和样式部分。模板区域是组件的可视部分。模板的行为、事件和数据存储都是由类来处理。样式部分用于进一步改进模板的外观。
创建一个 hello.vue 组件

引用组件
要使用我们刚刚创建的组件,我们需要将其导入到主组件中。

待续。。。

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复