1 Vue 学习路线

2 使用 @vue/cli 创建 vue 项目

注意：@vue/cli 对应版本

2.1 创建项目

在当前目录下创建项目

vue create .

注意：项目文件名不能由大写

2.2 配置

3 Vue 组件

不成问的规定：默认 HTML、CSS、JS文件的名称为：index.html、style.css 和 main.js 、app.js。

• 开发原则：简到难，把复杂的问题先简单化，然后一步一步增加功能实现到最终效果。
  

  -webkit-font-smoothing: antialiased; /*  */
  -moz-osx-font-smoothing: grayscale; /*  */

对字体进行抗锯齿渲染可以使字体看起来会更清晰舒服。在图标字体成为一种趋势的今天，抗锯齿渲染使用也越来越多。font-smoothing 是非标准的 CSS 定义。它被列入标准规范的草案中，后由于某些原因从 web 标准中被移除了。因此，可以通过上述两种（Webkit 和 Gecko）方式，来实现字体抗锯齿渲染。

• template 标签是不会显示的, 然后 template 上不能放 onclick 事件
• :n1="n" n1 是与 Cell.vue 里面的对应的，n 是 App.vue 中的 n 对应的。

4 Vue组件通信

父级的 @click 和组件的 $emit('click') 是一组。$emit 解释
父级的 :x='x' 和组件的props: ['x'] 是一组。

n 不能使用计算属性，不然每一次变化 9 个都需要变化。

5 判断玩家胜利

$emit('click', value) 和 @click='xxx($event)'是一组。

四种情况要考虑，横向、竖向和两个斜向。

6 样式优化

7 部署到GitHub

• 更改路径
  创建vue.config.js文件

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

/my-project/部分改为对应的路径

然后将dist目录通过github文件上传方式上传.