动态组件 component 接收名为 is 的属性，is 的值为父组件中注册过的组件名称。 1<component :is="someView"></component> 插槽分发内容 slot 多个插槽，通过 name 属性区分，如未指定 name 属性，则所有...

指定被挂载元素 el 选项指定 Vue 实例的挂载目标，属性值仅限于 CSS 选择器或者 DOM 节点对象$mount 挂载实例 123456789101112131415161718let vm = new Vue({ // 选择器 el:'#app', // HTMLElem...

数据选项 数据（Data）选项可接受类型：对象和函数，组件只能使用函数类型 123456789101112131415161718//对象类型let vm = new Vue(){ el:'#app', data:{ title:'Vue Projects&#...

完成的前端开发环境 预编译模板 注入依赖 合并压缩资源 分离开发 生产环境 模拟的服务端环境等 Vue项目快速构建工具 Vue CLI 关于怎么用Vue CLI创建项目，Vue 入门基础 已经提及。 项目初始目录 名称 描述 build 开发和生产版本的构建脚本 config 开发和生...

钩子函数 全局钩子函数 beforeEach、afterEach 路由独享的钩子函数 beforeEnter 组件内钩子函数 beforeRouterEnter、beforeRouterUpdate、beforeRouterLeave 全局钩子函数 beforeEach 参数： to：即将进入的路...

常用单位1、px：绝对单位，页面按精确像素展示 2、em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算，整个页面内1em不是一个固定的值。 3、rem：相对单位，可理解为”root em”, 相对根节点html的字体大小来计算。 4、vw、vh、vmin、vmax （窗单位，也...

vue-devtools安装 git clone https://github.com/vuejs/vue-devtools.git npm install npm run build 游览器输入地址“chrome://extensions/”进入扩展程序页面，点击“加载已解压的扩展程序…”按钮，选择vue...

.animiateWrap,.helix{ -webkit-perspective: 1500px; perspective: 1500px; } .animiateWrap ul,.helix ul,.animiateWrap ul li,.helix ul li{ list-styl...

相册 .animateWrap{ background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%); height:30rem; font-family: 'Anton', sans-serif; p...

布局格式12345<div class="box"> <div class="item">1</div> <div class="item">2</div> <div class=&quo...