Vue扫盲

Uncaught SyntaxError: Unexpected token <

vue中一个标签中含有多个class，其中class有中包含三元表达式的写法

1.数组形式：

1

<div :class='["classA",data=="0"?"classB":""]'>aaaaa</div>

注意：数组中的classA如果不加双引号的话，代表的是data中的一员，并不是类名，将classA加上双引号，变成字符串，就可以变成类名啦

2.字符串拼接

1

<div :class="'classA'+(data=='0'?' active':'')">bbbbbb</div>

注意：active前必须有一个空格，字符串拼接时，两个字符串之间要有空格

vue-awesome-swiper无法更改分页器样式。

async await

vue-cli项目部署GitHub Pages

那么 vue.config.js 的内容应如下所示：

1
2
3
4
5

module.exports = {
  publicPath: process.env.NODE_ENV === 'production'
    ? '/my-project/dist'
    : '/'
}

在dist中有index.html

为什么组件中的data必须是一个函数

当一个组件被定义，data 必须声明为返回一个初始数据对象的函数，因为组件可能被用来创建多个实例。如果

data 仍然是一个纯粹的对象，则所有的实例将共享引用同一个数据对象！通过提供 data 函数，每次创建一个新

实例后，我们能够调用 data 函数，从而返回初始数据的一个全新副本数据对象。

Vue: export default中的name属性作用

name

• 类型：string

• 限制：只有作为组件选项时起作用。

• 详细：

  允许组件模板递归地调用自身。注意，组件在全局用 Vue.component() 注册时，全局 ID 自动作为组件的

  name。

  指定 name 选项的另一个好处是便于调试。有名字的组件有更友好的警告信息。另外，当在有 vue-devtools

  ，未命名组件将显示成<AnonymousComponent>，这很没有语义。通过提供 name 选项，可以获得更有语义

  信息的组件树。

vue-cli 3.x 的 views 和 components有什么区别？

views是页面级组件

components是共享的小组件

containers是容器级组件（根据项目大小决定是否使用）

从组件大小级别区分 components <（containers）< views

简单理解成vue-router使用的组件是views就行了

列表渲染中的key值

跟踪每个节点的身份，从而重用和重新排序现有元素

理想的key值是每项都有的且唯一的id (data.id )

子路由规则的path属性不要以斜线/开头