![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue.js
文章平均质量分 51
雨后但丁
这个作者很懒,什么都没留下…
展开
-
通过$emit语法糖进行父子组件通信
$emit 使用emit可以让我们方便的从子组件向父组件传递属性传递值 如以下例子,我想要通过父子组件互相传递值的方法控制对话框Dialog的显示或者关闭 父组件 我们通过dialogFormVisible这个属性向子组件传递值,并传递了一个方法changeShow过去 在编辑按钮中我们也绑定了一个方法,它可以直接让子组件显示 <template> <div> <Add :form="form" :dialogFormVisible="dialogFormVis原创 2021-07-01 11:57:23 · 368 阅读 · 0 评论 -
Vuex插件
Vuex可以帮我们全局存储数据,处理数据。 1.安装 首先在项目目录执行以下命令 npm install vuex --save 安装成功后就可以使用了 2.使用 首先在main.js里配置 import Vue from 'vue' import App from './App' import router from './router' import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' im原创 2021-07-01 11:51:12 · 65 阅读 · 0 评论 -
axios
axios axios是对ajax技术的封装,可以对后端发起get或者post等异步请求 1.安装 首先在项目目录执行以下命令 npm install axios --save 安装成功后就可以使用了 首先在main.js里配置 import Vue from 'vue'; import App from './App'; import router from './router'; // 引入axios import axios from 'axios'; // 挂载到vue原型链上 Vue.prot原创 2021-07-01 11:49:49 · 98 阅读 · 0 评论 -
Vue路由配置
路由 使用路由router可以让我们方便的进行页面跳转,在router文件夹下的index.js文件中配置即可 如果要在除了App.vue之外的其他页面使用<router-view></router-view>,你需要将要跳转的页面路由定义在父页面的路由children中 写法一 import Vue from 'vue' import Router from 'vue-router' import indexMain from '../components/indexMain.vu原创 2021-07-01 11:46:17 · 805 阅读 · 2 评论 -
创建Vue项目
创建Vue项目 vue是三大前端js框架之一,它的主要特点就是前后分离,双向绑定,使用vue和一些UI我们可以构建非常好的前端项目, 接下来开始创建你的第一个Vue项目 开发工具 首先,我们需要一个强大的开发工具,我这里推荐使用HbuilderX,他对Vue有着非常强大的支持,直接前往官网下载即可,普通版即可。 开始创建 1.选择项目位置 比如 E 盘,然后再用命令行 cd 到项目的目录中,执行(vue init webpack + 项目名称),创建 vue 项目 vue-cli(项目名) 2.配置选项原创 2021-07-01 11:39:58 · 111 阅读 · 0 评论 -
安装Vue开发环境
安装Vue 在用 Vue.js 构建大型应用的时候推荐使用 NPM 安装方法,NPM 能很好的和诸如 Webpack 或 者 Browserify 模块打包器配合使用。Vue.js 也提供配套工具来开发单文件组件。 首先,先列出我们接下来需要的东西: 安装 Node.js 环境(npm 包管理器) 安装 cnpm npm 的淘宝镜像 安装 vue-cli 脚手架构建工具 1.安装node.js 在官网下载node.js 安装完成后在命令行使用node -v,npm -v来验证是否安装成功 node.j原创 2021-07-01 11:37:29 · 1704 阅读 · 0 评论