随笔分类 - vue
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="vue.min.js"></script> </head> <body> <div id="app"> <input type="te
阅读全文
摘要：<template> <div> <li class="list-group-item"> <div class="handle"> <a href="#" @click="deleteItem">删除</a> </div> <p class="user"><span>{{comment.name}
阅读全文
摘要：<template> <div class="col-md-8"> <h3 class="reply">评论回复：</h3> <h2 v-show="comments.length 0">暂无评论</h2> <ul class="list-group"> <Item v-for="(comment,
阅读全文
摘要：<template> <div class="col-md-4"> <form class="form-horizontal"> <div class="form-group"> <label>用户名</label> <input type="text" class="form-control" p
阅读全文
摘要：<template> <div> <header class="site-header jumbotron"> <div class="container"> <div class="row"> <div class="col-md-12"> <h1>请发表对Vue的评论</h1> </div> <
阅读全文
摘要：创建vue项目 1.npm install -g vue-cli //全局安装2. vue init webpack vue_demo //webpack模板名称 vue_demo项目名称3. cd vue_demo4.npm install5.npm run dev
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="vue.min.js" type="text/javascript" charset="utf-8"></script> <script
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="vue.min.js" type="text/javascript" charset="utf-8"></script> </head>
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="vue.js" type="text/javascript" charset="utf-8"></script> </head> <bod
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="vue.min.js"></script> </head> <body> <div id="app"> <button @click="d
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="vue.min.js" type="text/javascript" charset="utf-8"></script> </head>
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="vue.min.js"></script> </head> <body> <div id="app"> <h2>绑定监听</h2> <!-
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="vue.min.js"></script> </head> <body> <div id="app"> <input type="text
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .aclass{ color: red; } .bclass{ color: blue; } .cclass{ fo
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="vue.min.js" type="text/javascript" charset="utf-8"></script> </head>
阅读全文
摘要：app.vue <template> <div id="app"> <!-- 第二部:接受 v-on:titleChanged="updateTitle($event)"--> <second v-bind:title="title" v-on:titleChanged="updateTitle($
阅读全文
摘要：app.vue <template> <div id="app"> <!-- 绑定属性 "users"data里的--> <first v-bind:users="users"></first> <first v-bind:users="users"></first> <!-- 绑定 检测传值 --
阅读全文
摘要：<template> <div id="app"> <!-- 绑定属性 "users"data里的--> <first v-bind:users="users"></first> </div></template> <script>import Header from './components/H
阅读全文
摘要：app.vue <!-- 模板 html--><template> <div id="app">{{title}}<users></users></div></template><!-- 行为 --><script>// 局部注册import Users from './components/Use
阅读全文
摘要：<!-- 模板 html--> <template> <div id="app"> {{title}} </div> </template> <!-- 行为 --><script>export default { name:'app', // 写属性 data(){ return{ title:'h
阅读全文
浙公网安备 33010602011771号