1、【vue篇】vue框架快速上手

1、【vue篇】vue框架快速上手_第1张图片

注意事项:

methods必须要加s

  • 导入vue:
  • 导入Axios:

简单Vue程序

{{ message }}

el : 挂载点

data: 数据,里面也可以放数组,对象等

vue指令

v-text指令的作用:设置标签的内容

v-html指令的作用是:设置元素的innerHTML

北京

{{ message+"!" }}深圳

 v-on指令基础:点击就触发(单机、双击,按键)




v-show、v-if指令:元素的显示与隐藏、v-if操作DOM树开销大




我是一个p标签

我是一个p标签

v-bind指令:为元素绑定属性、需要动态的增删class建议使用对象的方式


v-for指令:循环

  • {{ index }}{{ item }}
  • {{ item.name }}
  • v-model:双向绑定数据

    
    
    

    关于HTML标签的使用

    # 链接触发javascript
    北京
    
    # audio使用
    
    
    # video使用
    

    你可能感兴趣的:(vue.js,前端,javascript)