Anbin's Blog

摘要： 前言知识 需要先安装好axios库，并掌握vue2使用axios发送post和get请求(含跨域解决 什么是拦截器 相当于后端的中间件，都是用来对http请求做一些请求和响应处理的 以thinkphp举例，vue2中的请求拦截器和响应拦截器类似于tp的前置中间件和后置中间件， 为什么要创建拦截器 因 阅读全文

摘要： 安装axios 百度搜索axios找到axios中文文档，找到安装命令 npm install axios 或者 npm i axios npm i axios 是 npm install axios 的简写，二者没区别 安装axios快捷插件(省去记忆烦恼 插件名：Axios Snippets 作 阅读全文

摘要： 一、沿用上次的案例 vue2父组件给子组件传值 二、改写子组件，添加子组件方法 在子组件中methods中定义了getContent() 点击查看代码 <template> <div> <ul> <li>姓名：{{ name }}</li> <li>性别：{{ sex }}</li> <li>爱好： 阅读全文

摘要： 一、沿用上次的案例 vue2脚手架组件开发 二、传值思路 要实现的是父组件向子组件传值，子组件本身并不存储数据 所以这里要把原有子组件的data数据注释，改为由父组件传递进来并展示 props是用于父组件向子组件传递数据信息 三、更改子组件User为接收父组件内容(与第四步一起使用，缺一不可 在子组 阅读全文

摘要： 一、更改App.vue 把脚手架下载下来的App.vue组件的内容改写 此处的2个配置项： name 配置组件在浏览器Vue devtools插件中，组件的名称， 也就是说组件名虽然是App.vue，但name配置了B，那么浏览器Vue devtools插件中组件名称就是B 这里以默认App为名，不 阅读全文

摘要： 用到的插件 Vetur Live Server Auto Rename Tag Vetur： 作者:Pine Wu，快速编写vue2组件话开发的快捷方式，输入 v 或 vue后按住回车，出现如下组件代码段 点击查看代码 <template> </template> <script> export d 阅读全文

摘要： 前置步骤 需阅读 Vue2脚手架安装 并已经安装好上述脚手架 创建项目 来到脚手架vue-cli的官网: Vue CLI 点击“起步”，查看左侧菜单栏 找到“基础”并点击“创建一个项目”，按照文档操作完成即可 可以知道cli安装命令是： vue create hello-world 安装了一个vue 阅读全文

摘要： 安装依赖Node.js vue脚手架，也就是vue-cli 是vue官方提供的帮助我们把.vue文件转为浏览器能识别的html、css、js文件的重要工具 脚手架vue-cli的运行，依赖于node.js环境 安装地址：node.js下载地址 安装教程：Node.js安装及环境配置之Windows篇 阅读全文

摘要： 容器与vue实例的关系 点击查看代码 <h3>Vue与容器是一对一绑定关系，即使有多个容器，Vue也只能处理一个,后续容器将不再处理</h3> <!-- 准备容器 --> <div class='anbin'> {{age}} </div> <div class='anbin'> {{age}} < 阅读全文