自学VUE笔记

一、基础语法学习

• 1、Attribute 绑定

a、绑定单个属性：给这个div 增加id 属性

​

简写： 

b、绑定多个属性值

data() {
  return {
    objectOfAttrs: {
      id: 'container',
      class: 'wrapper'
    }
  }
}

通过不带参数的 v-bind，你可以将它们绑定到单个元素上,同时绑定2个元素：

• 使用 JavaScript 表达式 

{{ number + 1 }}

{{ ok ? 'YES' : 'NO' }}

{{ message.split('').reverse().join('') }}

•  2、动态参数

        a、动态传参

• 
   ... 
  
  
   ... 
  
   ... 
  
  
  
  
  
  动态参数期望结果为一个字符串，或者是 null。特殊值 null 意为显式移除该绑定。任何其他非字符串的值都将触发一个警告。

  b、动态参数语法的限制

• 
  动态参数表达式因为某些字符的缘故有一些语法限制，比如空格和引号，在 HTML attribute 名称中都是不合法的。例如下面的示例：
  
   ... 

  编写组件：

• 组件三部分：1、template、2、js 、3、style

• 

• 

• 组件引用

• 

向组件产传值：

用props来定义参数的类型及默认值，prop有一下几种类型

组件返回值：

组件生命周期

按照第三方组件

Axios封装：

请求提取：

路由：

路由跳转：

路由配置：

路由传参：

路由参数调用：

多级目录：