- 博客(15)
- 收藏
- 关注
RSS订阅原创 创建VUE项目初始化的步骤
1、安装vue脚手架2、通过vue脚手架创建项目3、配置vue路由4、配置Element-UI组件库5、配置axios库6、初始化git远程仓库7、将本地项目托管到Github或码云中
2021-06-28 11:21:41
223
原创 在vue项目中配置Element-UI组件库
1、在项目仪表盘中选择“插件”2、在“插件”页面点击“添加插件”3、在弹出页面中，搜索要添加的插件，进行“安装”4、搜索vue-cli-plugin-element，选中，点击“安装”5、 配置插件6、点击“完成安装”...
2021-06-28 11:18:38
889
原创 创建VUE项目，通过vue脚手架创建项目，配置路由
1、运行cnd运行到自己要建项目的文件夹下，然后输入：vue ui游览器中打开创建项目页面在页面，中点击“创建项目”，然后选择目录文件夹。d点击“在此创建项目”。输入项目文件夹，点击“下一步” 。选择“手动”配置项目。然后点击“下一步”。安装用到的功能。点击“下一步”。点击“创建项目”，然后弹出有预设就可以填写，没有可以不用填写。点击“创建项目，不保存预设”或“保存预设并创建项目”。稍等一会儿稍等几分钟创建成功。...
2021-06-28 11:08:16
242
原创 Vue中的路由 以及默认路由跳转
参考网站：https://router.vuejs.org/。vue路由配置：1、安装 npm install vue-router --save / cnpm install vue-router --save2、引入并 Vue.use(VueRouter) (main.js)import VueRouter from 'vue-router'Vue.use(VueRouter)3、创建组件4、配置路由5、实例化VueRouter 注意...
2021-04-27 16:51:21
1401
原创 VUE 非父子组件传值
1、新建一个js文件 然后引入vue 实例化vue 最后暴露这个实例2、在要广播的地方引入刚才定义的实例3、通过 VueEmit.$emit('名称','数据')4、在接收收数据的地方通过 $om接收广播的数据 VueEmit.$on('名称',function(){ })...
2021-04-27 16:22:12
169
原创 vue 父组件给子组件传值2
父组件主动获取子组件的数据和方法：1、调用子组件的时候定义一个ref <v-header ref="header"></v-header>2、在父组件里面通过this.$refs.header.属性this.$refs.header.方法子组件主动获取父组件的数据和方法： this.$parent.数据this.$parent.方法...
2021-04-27 15:43:43
79
原创 vue 父组件给子组件传值
1、父组件调用子组件的时候 绑定动态属性<v-header :title="title"></v-header>2、在子组件里面通过 props接收父组件传过来的数据例子：1、父组件绑定动态属性：title、homemsg是元素，run是方法，home为整个父组件实例。2、子组件通过 props接收父组件传过来的数据...
2021-04-27 15:27:42
111
原创 axios 请求数据
axios 请求数据的步骤：1、安装 cnpm install axios --save2、哪里用哪里引入axios ：import Axios from 'axios';例子：axios 请求数据
2021-04-26 15:01:29
113
原创 Vue vue-resource 请求数据
使用vue-resource请求数据的步骤1、需要安装vue-resource模块 注意加上 --savenpm install vue-resource --save /cnpm install vue-resource --save2、在main.js中引入vue-resource3、在组件里面直接使用this.$http.get(地址).then(function(){})例子： 获取请求的数据，把请求的数据输出到ul中。...
2021-04-26 14:46:12
147
原创 Vue中双向数据绑定和ref获取dom节点
一、双向数据绑定MVVM vue就是一个MVVM的框架。M model V viewMVVM model改变会影响视图view，view视图改变反过来影响model运行结果：点击获取表单中的数据点击“设置表单中的数据set”，把msg的的值变成设置的数据。二、ref获取dom节点...
2019-08-27 15:55:04
380
原创 vue绑定class 和绑定style
一、绑定classv-bing:class 或 :class使用 。v-bing:class="{'class名':参数}" 参数为true的时候赋值class，为false不赋值1、文本样式：2、循环数据时，第一行变成红色。第二行蓝色，第三行紫色显示结果二、绑定style...
2019-08-08 15:58:23
178
原创 Vue CLI 升级到Vue CLI3，以及升级后创建项目
1、Vue CLI 3 和老版本的 Vue ClI 创建的项目方式是不一样的，创建项目的用法是一样的。Vue CLI 3 在项目编译速度上面做了一些优化。Vue CLI3需要安装nodejs的高版本，推荐8.11.0+高版本 。2、检查本机是否已经安装了Vue CLI，如果已经安装了Vue CLI，需要先通过npm uninstall vue-cli -g 或者 yarn global rem...
2019-07-25 13:47:39
2177
2
原创 vue绑定数据、绑定属性、绑定html、绑定对象、绑定列表
vue模板里面，所有的内容需要被一个根节点包含起来一、绑定数据1、方法一： {{参数名}}，大括号绑定数据2、方法二：v-text="参数名"二、绑定属性v-bind:...="属性名" 或 ：....=“属性名”三、绑定htmlv-html=“参数名称” 四、绑定对象五、绑定列表...
2019-07-24 16:26:49
8380
2
原创 搭建vue的开发坏境
一、安装nodejs1、下载安装包https://nodejs.org/dist/v10.16.0/node-v10.16.0-x64.msi2、安装node.js第一次安装的是node10.16.0版本，但是后面创建vue项目的时候报错。所以换成低版本的nodejs。https://nodejs.org/download/release/v8.0.0/3、检查node...
2019-07-17 14:32:50
199
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人