Vue
vue基础应用学习
|不勤
寻找志同道合的伙伴们
展开
-
Vue-组件
1.组件概念的简单介绍什么是组件: 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可。组件化和模块化的不同:模块化: 是从代码逻辑的角度进行划分的;方便代码分层开发,保证每个功能模块的职能单一;组件化: 是从UI界面的角度进行划分的;前端的组件化,方便UI组件的重用。全局组件定义的三种方式:使用 Vue.extend 配合 Vue.component 方法:var login = Vue原创 2020-12-31 10:49:13 · 127 阅读 · 0 评论 -
vue-表单数据
1. <div id="test"> <form action="" @submit.prevent="handleSubmit"><!--阻止了默认行为--> 用户名:<input type="text" v-model="username" /><br /> 密码:<input ty...原创 2019-08-13 19:52:53 · 177 阅读 · 0 评论 -
vue-列表过滤和排序
1. 列表过滤运用了Vue实例化的 computed (计算属性)例子: <div id="test"> <input type="text" v-model='searchName'> <ul> <li v-for= "(p,index) in filterP":key="index...原创 2019-08-12 21:55:32 · 686 阅读 · 0 评论 -
vue-基本使用
1.vue基本使用1.引入vue.js文件2.创建Vue实例对象(vm), 指定选项(配置)对象3.el : 指定dom标签容器的选择器4.data : 指定初始化状态数据的对象/函数(返回一个对象)5.在页面模板中使用{{}}或vue指令html文件 <div id="app"> <input type="text" v-model="...原创 2019-08-01 13:45:53 · 137 阅读 · 0 评论