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
启动项目。