随笔分类 - Vue
摘要：一 ref属性 被用来给元素或子组件注册引用信息（id的替代者） 应用在html标签上获取的是真实DOM元素，应用在组件标签上是组件实例对象（vc） 使用方式： 打标识： ..... 或 获取：this.$refs.xxx <template> <div> <h1 v-text="msg" ref=
阅读全文
摘要：热门组件库 1 使用第三方插件 https://github.com/vuejs/awesome-vue#components--libraries 集合了来自社区贡献的数以千计的插件和库。 2 使用第三方UI框架 饿了么UED团队推出的vue 前端框架： PC框架： (element UI ， i
阅读全文
摘要：项目功能插件 1、vue-router 123456789101112131415161718192021222324 { path: '/', name: 'home', // 路由的重定向 redirect: '/home'}{ // 一级路由, 在根组件中被渲染, 替换根组件的<router-
阅读全文
摘要：Vue-CLI 项目搭建 1 单文件组件 https://cn.vuejs.org/v2/guide/single-file-components.html#ad 2 Vue-CLI 项目搭建 2.1 环境搭建 1234567891011121314151617 - 安装node官网下载安装包，傻瓜
阅读全文
摘要：1 slot插槽 (内容分发) 1234 a. 单个slot b. 具名slot *混合父组件的内容与子组件自己的模板-->内容分发 *父组件模板的内容在父组件作用域内编译；子组件模板的内容在子组件作用域内编译。 1.1 基本使用 1234567891011121314151617181920212
阅读全文
摘要：组件 1 fetch和axios axios与fetch实现数据请求 (1)fetch（不是所有浏览器都支持，谷歌浏览器支持）XMLHttpRequest 是一个设计粗糙的 API，配置和调用方式非常混乱，而且基于事件的异步模型写起来不友好。 兼容性不好polyfill: https://githu
阅读全文
摘要：一：生命周期图 1.官网原图 3.我理解的图 二：生命周期 钩子函数描述 beforeCreate 创建Vue实例之前调用 created 创建Vue实例成功后调用（可以在此处发送异步请求后端数据） beforeMount 渲染DOM之前调用 mounted 渲染DOM之后调用 beforeUpda
阅读全文
摘要：一 模板语法 1.插值语法 语法： 1234567891011121314151617181920212223242526272829303132333435 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>插值
阅读全文
摘要：Vue入门 零：前端目前形势 前端的发展史 1.HTML(5)、CSS(3)、JavaScript(ES5、ES6)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 2.Ajax的出现
阅读全文
摘要：Vue-cli 官方文档：点击 Vue指令 生态圈 github vue-cli是官方提供的快速构建这个单页面应用的脚手架。 前端开发中提到的“脚手架”是一个形象的比喻，比喻各类语言的前期工作环境。 在软件开发上（当然也包括前端开发）的脚手架指的就是：有人帮你把这个开发过程中要用到的工具、环境都配置
阅读全文
摘要：快速上手Vue 官方文档：点击 一、npm npm文档：点击 1、npm的安装 去官网 https://nodejs.org/en/download/ 下载安装,Node.js是运行在服务端的JavaScript，基于Chrome V8 引擎的。 打开终端 cmd : 执行node -v 如果出现版
阅读全文
