Vue


vue init webpack 项目名字

vue create 项目名字

VUE基本语法

v-bind:绑定数据

v-if,v-else-if,v-else:值为真就显示if的,否则显示else里面的

v-for:for循环

4.v-on事件绑定

  • 方法必须绑定在Vue的Methods对象中,v-on:事件

数据的双向绑定

v-model:就是文本一边输入那个后面的数据跟着改变

组件

component:组件

组件通过props传值

通过v-bind绑定props

插槽slot

//通过slot绑定他们的组件,v-bind绑定数据

自定义事件

就是嵌套组件最里面组件访问外边的组件及实例

this.$emit (‘自定义事件名’,参数)

vue-router

首页

这个是渲染既展示组件的模板