vue
关注
分享
扫一扫
文章平均质量分 72
vue
别看我也不知道
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
关于vue-cli编译报错3221225477 的一种解决办法
vue-cli 编译时会报错 serve ended with error code 3221225477有可能是Node.js的版本不兼容。卸载后安装稳定版的Node.js可以解决原创 2020-06-22 13:04:15 · 7204 阅读 · 1 评论 -
使用图形化界面创建vue项目
在命令行窗口输入vue ui按下回车后会自动在浏览器中打开图形化界面点击创建可以选择创建项目的文件夹点击在此创建新项目只用填写项目名称和git的存储信息就好了选择预设，第一次的话请手动第一项是问你是否使用历史模式的router第二项是问你lint的配置文件第三项是问你什么时候校验语法创好了 很简单...原创 2020-02-27 20:10:32 · 3241 阅读 · 2 评论 -
使用命令行创建vue项目
准备首先需要安装vue-cli 打开命令提示符输入npm i -g @vue/cli安装完成后就可以开始创建vue项目1.基于命令行的方式创建vue项目vue caeate project-name2.基于图形化界面的方式创建vue项目vue ui开始创建项目1.在终端中输入vue create vue_project_01 按下回车开始创建项目2.此时会...原创 2020-02-27 17:26:22 · 23376 阅读 · 6 评论 -
vue获取DOM元素
由于vue不推荐操作DOM节点所以最好不要使用原生的getElement方法vue有一个reference属性它能够获取DOM节点在想要获取的节点上添加ref这个属性 ，这个节点就会被实例获取到操作DOM节点this.$refs.myp......原创 2020-01-11 11:15:13 · 637 阅读 · 0 评论 -
Vue的生命周期
beforeCreate：这是第一个生命周期函数，表示实例被完全创建出来之前，会执行他在beforCreate生命周期函数执行的时候，data和methods中的数据还没有被初始化Created：这是第二个生命周期函数，在Created中data和methods都已经被初始化好了如果要调用methods中的方法或操作data中的数据，最早只能在Created中操作beforeMou...原创 2019-10-28 15:07:58 · 242 阅读 · 0 评论 -
vue的键盘修饰符
vue的键盘修饰符就是在按下按键或者弹起按键的时候执行某个操作<body> <div id="app"> <h4>{{ msg}}</h4> <input type="text" name="" id="" @keyup.enter="add" v-model="msg2"> </...原创 2019-10-23 22:11:53 · 250 阅读 · 0 评论 -
vue中的过滤器
过滤器就是将一些字符串过滤 修改字符串的内容<body> <div id="app"> <p>{{msg|msgFormat}}</p><!--这里是选择使用哪一个过滤器--> </div> <script> //定义一个Vue全局的过滤器，名字叫做msgForm...原创 2019-10-23 16:56:32 · 191 阅读 · 0 评论 -
vue控制css
vue控制css的一种方法，使用v-bind直接传递一个数组 这里的class需要使用v-bind做数据绑定<div id="app"> <h1 :class="['red','fw']">这是一个H1</h1> </div><style> .red{ color: red; ...原创 2019-10-23 11:46:22 · 1023 阅读 · 0 评论 -
vue事件修饰符
vue的事件修饰符1. .stop.stop是阻止事件冒泡<div id="app"> <div class="inner" @click="divhandler"> <input type="button" value="点击" @click="btnhandler"> </div>...原创 2019-10-22 22:29:24 · 160 阅读 · 0 评论 -
vue的一些指令
1.v-cloak的基本使用方法，解决插值表达式闪烁问题首先在使用插值表达式的时候<body> <div id="app"> <p>{{ msg}}</p> </div> <script> var vm=new Vue({ el:'#app',...原创 2019-10-22 14:46:56 · 182 阅读 · 0 评论 -
vue路由嵌套
2019年8月25日路由的嵌套主要是用的是routes的children属性var router=new VueRouter({ routes:[ {path:'/account', component:account, children:[ ...原创 2019-08-25 21:57:01 · 119 阅读 · 0 评论 -
vue路由传参
2019年8月24日使用query方式传递参数<router-link to="/login?id=10&name=zs">登录</router-link>?后就是需要传递的参数在login模块中添加created函数var login={ template:'<h1>登录---{{$route.query.id}}-...原创 2019-08-24 17:58:20 · 144 阅读 · 0 评论 -
vue路由
2019年8月23日vue路由的基本使用首先引入vue的包，再引入vue-router的包将路由规则对象注册到vm实例上，用来监听URL地址的变化，然后展示相应的组件var vm = new Vue({ el: '#app', data: { }, methods: {}, ...原创 2019-08-23 17:24:53 · 194 阅读 · 0 评论 -
vue父子组件
2019年8月20日父组件向子组件传值props中的数据都是从父组件传递给子组件的把父组件传递过来的parentmsg属性，先在数组中定义一下，才能使用这个数据<script> var vm=new Vue({ el:'#app', data:{ msg:'父组件中的数据' ...原创 2019-08-20 20:18:24 · 154 阅读 · 0 评论 -
vue中的组件切换
2019年8月18日使用v-if和v-else进行组件的切换<div id="app"><a href="" @click.prevent="flag=true">登录</a> <a href="" @click.prevent="flag=false">注册</a> <login v-if="f...原创 2019-08-18 21:07:04 · 364 阅读 · 0 评论 -
vue中的组件
2019年8月17日使用Vue.extend来创建全局的vue组件 //使用Vue.extend来创建全局的vue组件 var com1=Vue.extend({ template:'<h3>这是一个h3</h3>' //通过template属性，指定了组件要展示的HTML结构 }) //使用Vu...原创 2019-08-17 15:21:25 · 205 阅读 · 0 评论 -
vue使用transition-group实现列表动画 添加和删除
2019年8月16日1.首先先生成列表，如果使用v-for循环创建的动画，必须为每一个元素设置：key属性<li v-for="item in list" :key="item.id"> <!--如果要为v-for循环创建的元素设置动画，必须为每一个元素设置:key属性-->...原创 2019-08-16 20:18:58 · 2314 阅读 · 0 评论 -
vue钩子函数模拟半场动画
2019年8月16日钩子函数主要就是这三个函数 /* 注意：动画钩子函数的第一个参数：el，表示要执行动画的那个DOM元素， 是个原生的JS DOM对象 */ /*相当于document.getElememtById('')获取的*/ /*beforeEnete表示动画入场之前，此时，动画尚未开始，可以再beforeEnte...原创 2019-08-16 17:54:40 · 204 阅读 · 0 评论 -
vue过渡类名动画
2019年8月15日 vue.js <style> .v-enter, */* v-enter 这是一个时间点，是进入之前，元素的起始状态，此时还没有开始进入*/* .v-leave-to{ */* v-leave-to 这是一个时间点，是动画离开之后，离开的终止状态，此时，元素动画已经结束*/* ...原创 2019-08-15 23:33:52 · 229 阅读 · 0 评论