vue

准备 1 gitee创建仓库git@gitee.com:dixon-wang/giddy-up-accont.git 2 在线设计稿 创建项目 vue create giddy-up-vue 选择版本

transition动画，淡入淡出 官方实例：CSS 动画 需要动画展示的内容用transition标签包起来，<transition name='fade'>，其中fade就是淡入淡出 然后再样式中

路由是什么 分发请求的组件； demo 在demo中，通过window.location.hash获取url的锚，不同div模拟不同网页。 html： 在js中： 此时，通过地址加上#1这样的锚，js

创建demo引入antd@1.5.1时提示 webpack5中移除了nodejs核心模块的polyfill自动引入，所以需要手动引入，如果打包过程中有使用到nodejs核心模块，webpack会提示进

官方文档：表单输入绑定 基本用法：input/textarea/checkbox/radio/select/form 修饰符：.lazy/.number/.trim v-model：vue数据双向绑定

自定义指令官方文档 Vue.directive( id, [definition] ) 自定义简单的指令v-onall，全局自定义 定义无参数的指令v-onall代码如下，注意，v-在定义时是省略的，

模板template的三种写法 Vue完整版，完全写在html中 html文件，根节点id=app 在js文件中加载这个视图 Vue完整版，写在选项中 首先，html文件中要有个div，用于被选项中的

计算属性 计算属性API，计算属性教程 计算属性在template中可以像对象的属性一样使用 注意，如果依赖（computed中基础属性）没有变，computed会使用缓存的计算结果； 计算属性，数组

数据data作为参数，传入到Vue实例后，有一些特殊的变化 以上代码运行结果 为什么会有这样的变化？ 用get和set声明对象中的方法 对象中使用了get声明的函数，使用起来的时候，不需要加括号，就好

在main.js中，创建Vue实例，Vue实例把需要渲染的内容，加载到html的节点中。 一个 Vue 应用由一个通过 new Vue 创建的根 Vue 实例，以及可选的嵌套的、可复用的组件树组成。当

Vue（读音，view） 框架，在1.0之前是MVVM，2.0以后是MVC Vue3和react非常像 文档：vue，@vue/cli 搭建一个vue项目 codesandbox 搭建一个使用vue的