摘要: 案例1 <div id="myPage"> <today-weather></today-weather> </div> <script> Vue.component('today-weather',{ template:'<div>今天真是个好天气啊!吃顿好的!</div>' }); var my 阅读全文
posted @ 2020-08-22 16:44 一介桃白白 阅读(158) 评论(0) 推荐(0)
摘要: v-on 为页面元素绑定各种种事件(keydown,keyup,click,dbclick,load,etd) v-on: 简易写法 @ 例如:v-on:click 简易写法 @click <body> <div id="myPage"> <p>你最喜欢的游戏是:{{gamename}}</p> < 阅读全文
posted @ 2020-08-22 16:20 一介桃白白 阅读(207) 评论(0) 推荐(0)
摘要: v-model可为页面输入框进行数据绑定 <div id="myPage"> <p>你最喜欢的游戏是:{{gamename}}</p> <input v-model="gamename" placeholder="请输入你喜欢的游戏"> </div> <script> var myPage = ne 阅读全文
posted @ 2020-08-22 15:43 一介桃白白 阅读(154) 评论(0) 推荐(0)
摘要: 搭建好项目后会生成这些文件 用VS Code选择文件打开项目 打开index.html 1、添加引用 <script src="https://unpkg.com/vue/dist/vue.js"></script> 2、html <div id="myPage"> {{message}} </di 阅读全文
posted @ 2020-08-22 15:25 一介桃白白 阅读(137) 评论(0) 推荐(0)
摘要: v-if v-for 使用 <div id="myPage"> <h3>人员列表</h3> <div v-if="isshow">七年级一班人员列表</div> <div v-show="isshow">七年级一班人员列表</div> <ol> <li v-for="person in person 阅读全文
posted @ 2020-08-22 15:00 一介桃白白 阅读(413) 评论(0) 推荐(0)
摘要: Vue环境安装 1、安装node.js(版本不得低于8)全局安装,下载node的链接路径https://nodejs.org/en/,选择带有Current的安装;步骤只需next next就行,没有确认的规范;安装的盘符,你可以自己选择,之后检查node是否安装成功,在cmd输入node -v(记 阅读全文
posted @ 2020-08-22 12:29 一介桃白白 阅读(129) 评论(0) 推荐(0)