m0_72189003的博客

【代码】vue3中父子组件通讯。

第三步：看Ant Design Vue使用组件。第二步：引入main.ts。

第三步：在你的页面使用组件就OK了。第二步：main.ts 中引入。

index.ts里的内容：（baseURL：“里写你自己的接口地址“）第一步：项目src下创建一个名为。api.ts里的内容：（url写你自己的接口。

第二步使用echatrs：（使用示例）

（没有切换淘宝镜像记得切换，这样创建项目运行快）3.(按空格键选中，选好回撤就到下一步了)13.然后输入执行以下两步就已经运行项目了。

首先在项目中src的目录下创建一个api的文件夹，在api的文件下在穿件两个文件用于二次封装别忘了先安装axios：（在根目录下安装axios，如果安装过了，就不用看蓝色字体安装过程）然后在main.js中引用axios：api下的第一个api.js:api下的第二个https.js:然后按照（“jindutiao().这个是https.js中二次封装中你取的函数名字”）先引用：import {jindutiao} from "../api/https"在使用：jindutiao()

env.production如下：（正式线上环境，或者叫生产环境）一种是测试环境，就是测试人员使用的服务环境。一种是生产环境，就是要发布到线上的环境。一种是开发环境，就是本地开发时的环境，.env.test（测试环境）

子组件中components下的HelloWorld.vue。父组件中：AboutView.vue。按照以上示例图有这两个文件。

你需要在router下的index.js中（以下代码有我写的路由页面不用管，看有注释的代码是路由守卫，通过你定义的“user=张三“的时候访问就会显示出来第二张图）（第二张图，就是可以访问后的图）有路由守卫点不开的情况下当你在本地存储中写了你在路由守卫中写的东西就可以进入了。示例如下：（第一张图）当你点击车1的时候你写了路由守卫就点不开出现无权访问。

实现路由跳转，让路由跳转更加灵活。

这个是创建的名字，为了方便看清我把第1步创建的名字写在下面了，为了方便看到这篇文章，创建名字不明白的可以按照我这个名创建，为了不出错误。

vue路由守卫（登录页面）

vue三级联动（引入外部js）

vuex简易计算器(使用下拉框)

vue使用axios代理跨域实现百度搜索功能

【代码】vue增删改查（示例）

第三步：重新启动项目 npm run serve 完成就OK啦！第二步：npm install (重新安装依赖)第一步：npm clean cache -f。

在dist根目录下：http-server 就完成了！在根文件下：npm run build。

第三步：在你的组件中写echarts代码就完成了，第二步：在main.js里全局引入echarts。第一步：先安装echarts。

第二步：创建一个api.js的文件在里面封装axios。第三步：在main.js里声明一下axios。第四步：在页面中使用就可以了。第一步：先安装axios。

store里的index.js写：（getter里面写+1点击就加1，写减一就是减1）

第二步：创建api文件，在下面创建一个api.js的文件。第三步：封装后的代码在页面script下这样写上。在main.js里面声明一下。以下直接使用封装的写就OK啦。

接下来渲染出来的时候就不能v-for了，要用你定义的obj来接收你传过来的参数。

以下也是每写一步回撤，等待！选项是按空格键选完之后回撤。第四步：npm install -g @vue/cli。最后把这两个都配置都配置一下，项目就配置完成了。第二步：打开你创建的文件夹，在上面输入cmd。后面的myobj你可以改成你要写的项目名称。第五步：vue create myobj。然后复制一个在网址打开就ok了。以下按我选的来，选完一步回撤。第一步：创建一个文件夹。

1.在vue项目根文件下cmd后，执行命令： npm i element-ui -S。