![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
1270015249-jmy
这个作者很懒,什么都没留下…
展开
-
vue和element-ui实例
登录界面<template> <div class="login_contain fillcontain"> <transition name="el-fade-in"> <section class="form_contianer" v-show="showLogin"> <div class="conctain"> <p>后台管理系统</p>原创 2020-08-31 18:09:10 · 262 阅读 · 0 评论 -
vue结合element-ui的表单验证
vue结合element-ui的表单验证1.使用此方法前检查prop一定必须要写在上面,写在里面的input上或者其他任何地方都不行(el-form-item prop属性绑定)<el-form-item prop="username"> <el-input v-model="loginForm.username" placeholder="请输入账号"></el-input> </el-form-item原创 2020-08-28 23:00:42 · 259 阅读 · 0 评论 -
vue-click的传值、路由配置以及koa2的基本操作
vue-cli组件之间的传值1.父子组件之间的传值1.1父组件向子组件传值在父组件中引入子组件import com from './components/com'export default { data() { return { msg:20 } }, name: 'App', components: { com, },}用v-bind(:)对子组件进行传值<com :age='msg'></com>在原创 2020-08-26 17:51:51 · 165 阅读 · 0 评论 -
webpack-vue路由嵌套
路由嵌套添加两个子组件login.vue<template> <div> <h1>登录插件</h1> </div></template><script>export default {}</script><style></style>register.vue<template> <div> <原创 2020-08-25 22:44:48 · 125 阅读 · 0 评论 -
vue-cli基本操作
1.vue-cli是什么简单来说就是Vue搭建的架子vue-cli安装全局安装vue-cli使用下面的命令安装vue-cli3npm install -g @vue/cliORyarn global add @vue/cli安装完成,检查vue版本vue -Vvue-cli创建项目创建项目名为my-object的项目vue create my-object创建完成后,进入项目目录,执行以下命令cd my-objectnpm run serve在地址栏输入localh原创 2020-08-25 22:32:22 · 140 阅读 · 0 评论 -
vue路由基本使用以及watch监听数据
路由前端路由和后端路由:后端路由:对于普通的网站,所有的超链接都是url地址,所有url都对应服务器上对应的资源前端路由:对于单页面应用程序来说,主要通过url的hash(#)来实现不同页面的切换,同时hash还有一个特点HTTP请求中不会包含hash相关的内容,所以单页面程序中的页面跳转主要用hash实现在单页面应用程序中这种通过hash来改变页面的方式称作前端路由区别于后端路由路由的使用导入vue-router<script src="https://cdn.staticfile原创 2020-08-21 22:09:31 · 562 阅读 · 0 评论 -
vue中的过渡动画效果以及自定义组件
vue过渡动画及自定义组件vue过渡以及动画vue的自定义组件vue过渡以及动画1自带类过渡动画<transition></transition>,如果是列表即用v-for则用<transitiongroup></transitiongroup>两个大阶段:v-enter-active和v-leave-active,进入阶段分为v-enter进入前,v-enter-to进入后。离开阶段分为v-leave离开前,v-leave-to离开后。代码举原创 2020-08-20 22:59:10 · 864 阅读 · 0 评论 -
Vue中使用v-for列表循环Key的作用
当Vue用 v-for 正在更新已渲染过的元素列表是,它默认用“就地复用”策略。如果数据项的顺序被改变,Vue将不是移动DOM元素来匹配数据项的改变,而是简单复用此处每个元素,并且确保它在特定索引下显示已被渲染过的每个元素。为了给Vue一个提示,以便它能跟踪每个节点的身份,从而重用和重新排序现有元素,你需要为每项提供一个唯一 key 属性。key属性的类型只能为 string或者number类型。作用:可以高效渲染虚拟DOM树使用V-for更新已渲染的元素列表时,默认采取的方法是就地更新举例:当我们原创 2020-08-19 22:42:48 · 985 阅读 · 0 评论 -
vue的过滤器、自定义指令以及生命周期
vue过滤器、自定义指令以及生命周期vue过滤器自定义指令生命周期vue过滤器一、什么是过滤器?用来格式化数据的一个函数vue 1.x 版本借鉴了 angular , 提供 10 个过滤器, 包括有: 日期 小数点位数保留 货币 大小写 等Vue 2.x 废弃了这 10个过滤器,但是它提供了自定义过滤器的方式二、使用方式全局定义过滤器语法:Vue.filter(‘过滤器名字’,function(value){ value==谁调用fil过滤器 指向谁 return原创 2020-08-19 21:51:51 · 192 阅读 · 0 评论 -
vue简介、基础操作及实例
vue是什么为什么要用vuevue是一款友好的、多用途的且高性能的js框架,它可以帮你创建可维护性和可测试性更强的代码库。1.易用:学习曲线平缓,api简洁,容易上手。学习过程较react来说比较容易,不那么痛苦2.灵活:如果你已经有一个现成的服务端框架,你可以将vue作为其中的一部分嵌入,带来更加丰富的交互系统 ,或者你希望将更多业务逻辑放到前端来实现,那么vue的核心库及其生态系统也可以满足你的各式需求,vue允许你将网页分割成可复用的组件,每个组件都可以包含自身的html,css,js文件原创 2020-08-18 22:40:27 · 284 阅读 · 0 评论