Vue学习(5)

Vue 学习end

vue v-on和v-bind

后来在学习过程中突然感觉对这两个概念有点不清晰,在最后记录一下。

v-on表示绑定方法,因为vue不允许操作dom,所以v-on后面可以直接绑定方法,意思就是后面跟方法函数,比如v-on:click="change"就表示一个绑定点击事件,相关绑定到vue中methods的方法实现中。

v-bind表示绑定属性值,也就是用来传递值或者属性的,比如v-bind:href=这样表示我在这个标签的属性里用v-bind绑定了一个href属性,而这个属性的值就在vue里可以拿到。

1.搭建vue-cli脚手架

vue-cli 3.0x

安装

yarn add -g vue/cli

因为要在全局使用所以加-g。

创建vue项目文件

vue creat 文件名

然后会出现相关配置:有两个选项,第一个是默认配置,就是会将所有需要的依赖都安好,第二个是自定义配置。

然后cd到该文件下yarn install安装依赖

yarn serve 启动项目。

2.使用脚手架以及router的使用

0%