随笔分类 - Vue框架
【第17章】精通Vue CLI
摘要:精通Vue CLI 脚手架致力于将Vue生态中的工具基础标准化,确保各种构建工具能够基于智能的默认配置平稳地衔接,这样开发者可以专注于开发应用的核心业务上,而不必花时间去纠结配置的问题。 一、脚手架的组件 Vue CLI有几个独立的部分——分别为CLI、CLI服务和CLI插件。 CLI CLI(@v
【Vue-05】修改Vue的默认配置
摘要:修改Vue的默认配置 Vue脚手架隐藏了所有webpack相关的配置,若想查看具体的webpack配置,请执行:vue inspect > output.js,若要个性化配置Vue脚手架,就需要创建vue.config.js这一个可选的配置文件 vue.config.js vue.config.js
【Vue-06】Axios
摘要:axios 一、axios概述 axios作用:发送异步请求获取数据。常见的方法:get、post、put、delete;在发送的时候可以指定参数(地址、请求方式和请求头部信息);返回数据结构(data、status、statusText、headers、config) 二、axios的基本使用 <
【Vue2-04】scoped样式
摘要:scoped样式 作用:让样式在局部生效,防止冲突 写法:<style scoped> <template> <div> </div> </template> <script> export default { } </script> <style scoped> </style>
【Vue2-03】props属性
摘要:props配置 功能:让组件接收外部传过来的数据 数据传递: <Demo name="xxx"> 接收数据: 方式一(只接收): props: ['name'] 方式二(限制类型): props:{ name: String } 方式三(限制类型、限制必要性、指定默认值): props:{ name
【Vue2-02】ref属性
摘要:ref属性 被用来给元素或子组件注册引用信息(id的替代者) 应用在html标签上获取的是真实DOM元素,应用在组件标签上是组件实例对象(vc) 使用方式: 打标识:<h1 ref="xxx">...</h1> 或 <School ref="xxx"></School> 获取:this.$refs.
【Vue2-01】Vue脚手架
摘要:Vue脚手架 一、单文件组件 1. 单文件组件定义 单文件组件:*.vue文件,类似HTML格式的文件。Vue的单文件组件会将一个组件的逻辑(JavaScript)、模板(HTML)和样式(CSS)封装在同一个文件里。 组件模板HTML:template标签 组件逻辑JS:script标签 样式CS