随笔分类 - Vue
Vue的学习
摘要：Vue笔记整理 一， vue的安装 1,下载 node.js 淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org 脚手架：npm install -g @vue/cli 查看：vue -V axios 安装数据获取：
阅读全文
摘要：效果图： html 代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link href="css/index.css" rel="stylesheet" /> <link href="css/re
阅读全文
摘要：效果图： html页面： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
阅读全文
摘要：<body> <div id="app"> <!-- 搜索input --> <input type="text" v-model="searchtext"> <!-- 下拉框 --> <div class="btn-group" role="group"> <button type="button
阅读全文
摘要：该组件的应用需要用到脚手架。 App.vue: 要点：首先需要引入组件 import Homes from './components/Homes';//引入组件 然后在 components: {Homes,//注册组件,User} 添加组件 最后 <Homes /> 加入组件 <template
阅读全文
摘要：<div id="app"> {{flag?name1:name2}}<br /> {{message.split("").reverse().join("")}}<br />//将字符串倒转 <input type="text" v-model="firstName" placeholder="f
阅读全文
摘要：<div id="app"> <input type="text" v-model="todo" @keyup.enter="addData" /><br /> <h4> 正在进行</h4> <ul><li v-for="(item,index) in list" :key="index" v-sh
阅读全文
摘要：<div id="people_list"> <ul> <li>姓 名：<input type="text" id="username" /></li> <li>年 龄：<input type="text" ref="age" /></li> </ul> <button @click="doSubm
阅读全文
摘要：<div id="app"> <button data-aid="123" @click="evenFn($event)">事件对象</button><br /> <button @click="warn('传入的参数',$event)">绑定多个事件对象</button><br /> <butto
阅读全文
摘要：首先vue就是一个MVVM模型。 vuejs常用指令： v-if指令 v-show指令 v-else指令 v-for指令 v-bind指令 v-on指令 v-if指令 v-if是条件渲染指令，它根据表达式的真假来删除和插入元素基本语法：v-if="expression"expression是一个返回
阅读全文
摘要：<div id="app"> <todo> <todo-title slot="todo-title" v-bind:title="title"></todo-title> <todo-items slot="todo-items" v-for="(item,index) in items" v-b
阅读全文
摘要：<div id="app"> <ul> <my-component v-for="item in items" v-bind:item="item"></my-component> </ul> </div> <script type="text/javascript"> //定义组件my-compo
阅读全文
摘要：<div id="app"> <ul> <li v-for="p in persons" v-on:click="itemShow(p)">主键：{{p.id}} 姓名：{{p.name}} 年龄：{{p.age}}</li> </ul> 主键：<input type="text" v-model=
阅读全文
摘要：<div id="app"> <input type="text" v-model="searchName"> {{test1}} <ul> <li v-for="p in test2">{{p.name}}</li> </ul> <ul> <li v-for="p in getPersons">i
阅读全文
摘要：Vue的链接：<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script> 第一次练习内容： <div id="app"> <input type="text" v-model="i1" /> + <input
阅读全文
浙公网安备 33010602011771号