qq_45942606的博客

（1）我创建了一个vue小案例，打开以后效果如下（2）此时我们在终端输入npm run build进行项目打包，打包完之后，在vue项目文件中会出现dist文件夹，这文件夹包含的都是将vue文件打包后的前端文件(js,css,html)(3)同时我用node搭建一个本地服务器（4）在本地服务器所处的根目录类创建一个static文件夹，将vue项目中dist中的内容粘贴到static文件夹中此时我们打开服务器搭建的页面，此时什么也没有此时我们要在服务器源文件加入一点配置，并重启服务器此时

**插槽的存在极大地提高了组件的复用性**一、普通插槽(1)新建一个组件Slots并引入到父组件App中,且效果如下(2)此时我在Slots组件内加入h2标签的足球，但页面上还是没有效果（3）但当我们在Slots组件内加入slot标签时，这时的效果如下此时普通插槽的效果就出来了二、当我们想在使用同一个组件显示不同内容时，这时我们就需要用到具名插槽怎样通过左边的代码来实现右边的效果（1）此时我们通过为子组件的slot标签的属性name赋值对应的名字，再在父组件使用子组件，且需要展

解决跨域的方式有多种，例如jsonp、cors但这两种都需要后台人员的帮助，下面我讲的是前端人员在vue-cli中就可以完成的一种解决方式——数据代理(1)首先需要在vue-cli官方文档的配置项下载一个插件(2)将上图红圈中的部分粘贴到vue脚手架的babel.config.js中(3)上图中红圈部分http://localhost:5000为本地服务器地址，但我项目起的服务为http://localhost:8082/此时我在项目中向后台发送请求就能够获取数据了注意要是你项目中pun

一、父传子1.父传子通用的方法就是借助props这个属性（1）如下图我创建了一个Dom组件，并将它引入到父组件App.vue中(2)下面我在父组件定义一个变量msg并赋值，然后通过在子组件上写上:msg='msg’的形式，将值传给子组件(3)在子组件中通过props属性接收父组件传过来的值,获取后并将值赋值给子组件中的变量name在页面中可以看到如下效果二、子传父1、方法一(通过props和回调函数形式)(1)我在父组件创建一个方法dom通过在子组件上加入:dom='dom’的形式将

需要修改一下配置打开此文件，将修改配置修改为true重新vue create 项目名就ok了