当前位置: 首页 > news >正文

psd做模板下载网站北京seo关键词排名优化

psd做模板下载网站,北京seo关键词排名优化,做网站制作需要多少钱,手机免费制作软件下载Vue使用方法 <script src"js/vue.js"></script><script>/*** Mode1:数据模型&#xff0c;负责数据存储(后台业务逻辑/数据库)* View:视图层&#xff0c;负责页面展示(HTML)* View Model(Vue):负责业务逻辑处理(比如Ajax请求等)* view 与 Model 数…

Vue使用方法

<script src="js/vue.js"></script><script>/*** Mode1:数据模型,负责数据存储(后台业务逻辑/数据库)* View:视图层,负责页面展示(HTML)* View Model(Vue):负责业务逻辑处理(比如Ajax请求等)* view 与 Model 数值保持一致,互相影响,双向绑定* */new Vue({el:"#app",    // view 监听的范围data:{        //Modelmessage: 10 ,guojia: 3},//监控监听data的数据是否发生变化watch:{message(newValue,oldValue){console.log("message的值是:   "+oldValue+"   To   "+newValue);},guojia(newValue,oldValue){console.log("guojia的值是:   "+oldValue+"   To   "+newValue)}},//常用的自定义方法methods:{anniu:function(){alert("按钮已经被单击");}}})</script>

◆ v-if:根据表达式的真假来插入和删除元素

在这里插入代码片

◆ v-else:v-else指令为v-if添加一个“else块”
◆ v-show:控制切换一个元素的显示和隐藏
◆ v-on:为 HTML 元素绑定事件监听

v-on后面可以增加修饰符
◼ .stop:调用event.stopPropagation().prevent : 调用event.preventDefault().self : 只当时间是从侦听器绑定的元素本身触发时才触
发回调
◼ .{keycode} : 只在指定键上触发回调
使用v-on: 监听button按钮,一旦点击执行anniu()函数;
new Vue({el:"#app",        // view 监听的范围
data:{                        //Modelmessage: 10 ,guojia: 3},
使用watch来监控监听data的数据是否发生变化watch:{message(newValue,oldValue){console.log("message的值是:   "+oldValue+"   To   "+newValue);},guojia(newValue,oldValue){console.log("guojia的值是:   "+oldValue+"   To   "+newValue)} methods:{anniu:function(){alert("按钮已经被单击");}}})

◆ v-model:将用户的输入同步到视图上

// 能轻松实现表单输入和应用状态之间的双向绑定
// 双向绑定
// 指的是我们在vue实例中的data与其渲染的dom元素上 的内容保持一致,两者无论谁被改变,另一方也会相应 的更新为相同的数据
v-model = 变量
v-model 指令只能用在<input>, <select>,<textarea>等这些表单元素上

◆ v-bind:绑定 HTML 元素的属性
v-bind可以在其名称后面带一个参数,参数通常是HTML元素的
特性(attribute),v-bind是动态绑定指令,默认情况下自带属
性的值是固定的,为了能够动态的给这些属性添加值可以使用v
bind指令
◆ v-bind:属性名 = ‘表达式’
◆ 简写形式:v-bind可以省略,直接书写为 :属性名 = ‘表达式’

等价于 //绑定一个属性
//绑定多个属性

多个样式的绑定

[点击并拖拽以移动]

◆ v-for :遍历 data 中的数据,并在页面进行数据展示

◆ 遍历 data 中的数据,并在页面进行数据展示
◆ v-for =(item, index) in items
◼ item 表示每次遍历得到的元素
◼ index 表示item的索引,可选参数
◼ items表示数组或者对

[点击并拖拽以移动]

test4.html利用

Document
<h1 style="color: antiquewhite;width:40%;margin-left: 30%;text-align: center">学生信息管理</h1><div id="app"><table border="1"><tr><td>姓名</td><td>学号</td><td>年级</td><td>年级名</td><td>身份证</td><td>密码</td><td>电话</td><td>性别</td><td>地址</td><td>生日</td><td>邮箱</td><td colspan="2">操作</td></tr><tr v-for="item in Studentlist"><td>{{item.studentName}}</td><td>{{item.studentNo}}</td><td>{{item.gradeId}}</td><td>{{item.gradeName}}</td><td>{{item.identityCard}}</td><td>{{item.loginPwd}}</td><td>{{item.phone}}</td><td>{{item.sex}}</td><td>{{item.address}}</td><td>{{item.bornDate}}</td><td>{{item.email}}</td><td><input type="button" value="修改" @click="student=item" /></td><td><input type="button" value="删除" @click="delStudent(item.studentNo)" /></td></tr></table><h2 style="color: antiquewhite;width:40%;margin-left: 30%;text-align: center">增加学生信息</h2><table><tr><td style="text-align: right;"><b>学生姓名:</b></td><td style="text-align: left;"><input v-model="student.studentName" /></td></tr><tr><td style="text-align: right;"><b>学生密码:</b></td><td style="text-align: left;"><input v-model="student.loginPwd" /></td></tr><tr><td style="text-align: right;"><b>学生性别:</b></td><td style="text-align: left;"><input v-model="student.sex" /></td><!-- 男性选项 --><!-- 女性选项 --></td></tr><tr><td style="text-align: right;"><b>班级编号</b></td><td style="text-align: left;"><input v-model="student.gradeId" /><!-- <select ><option v-for="item in gradeList" :value="item.gradeId">{{item.gradeName}}</option></select> --></td></tr><tr><td style="text-align: right;"><b>手机号:</b></td><td style="text-align: left;"><input v-model="student.phone" /></td></tr><tr><td style="text-align: right;"><b>家庭地址:</b></td><td style="text-align: left;"><input v-model="student.address" /></td></tr><tr><td style="text-align: right;"><b>学生邮箱:</b></td><td style="text-align: left;"><input v-model="student.email" /></td></tr><tr><td><input type="hidden" id="studentNO" /></td></tr><tr><td  style="text-align: right;"><input type="button" value="添加" @click="addStudent"/></td><td  style="text-align: right;"><input type="button" value="修改" @click="updateStudent"/></td></tr></table>
</div>

[点击并拖拽以移动]


文章转载自:
http://marla.xkzr.cn
http://apetalous.xkzr.cn
http://isochrony.xkzr.cn
http://coconut.xkzr.cn
http://surliness.xkzr.cn
http://eparch.xkzr.cn
http://brotherless.xkzr.cn
http://everdamp.xkzr.cn
http://soldiership.xkzr.cn
http://potamometer.xkzr.cn
http://ballast.xkzr.cn
http://nacho.xkzr.cn
http://fingerparted.xkzr.cn
http://nookie.xkzr.cn
http://pastor.xkzr.cn
http://hdcd.xkzr.cn
http://stage.xkzr.cn
http://fuzzbuzz.xkzr.cn
http://butterfingers.xkzr.cn
http://these.xkzr.cn
http://putrefaction.xkzr.cn
http://ejaculatorium.xkzr.cn
http://underseas.xkzr.cn
http://camelback.xkzr.cn
http://dolmen.xkzr.cn
http://protectingly.xkzr.cn
http://milliampere.xkzr.cn
http://sociocultural.xkzr.cn
http://finespun.xkzr.cn
http://accessibly.xkzr.cn
http://chomskian.xkzr.cn
http://kampong.xkzr.cn
http://smokeless.xkzr.cn
http://zonky.xkzr.cn
http://cuttlefish.xkzr.cn
http://suckle.xkzr.cn
http://toehold.xkzr.cn
http://hypotaxis.xkzr.cn
http://thrifty.xkzr.cn
http://rangey.xkzr.cn
http://eyetooth.xkzr.cn
http://railroad.xkzr.cn
http://coxa.xkzr.cn
http://watchdog.xkzr.cn
http://denumerable.xkzr.cn
http://doomsten.xkzr.cn
http://yahrzeit.xkzr.cn
http://navigate.xkzr.cn
http://merlin.xkzr.cn
http://digressional.xkzr.cn
http://tvr.xkzr.cn
http://fibroin.xkzr.cn
http://nonnasally.xkzr.cn
http://amphibian.xkzr.cn
http://unframed.xkzr.cn
http://jucar.xkzr.cn
http://photophobe.xkzr.cn
http://putative.xkzr.cn
http://irrationally.xkzr.cn
http://rockless.xkzr.cn
http://seato.xkzr.cn
http://sparingly.xkzr.cn
http://intercessory.xkzr.cn
http://spool.xkzr.cn
http://gantlope.xkzr.cn
http://lampbrush.xkzr.cn
http://electrobiology.xkzr.cn
http://klm.xkzr.cn
http://reliquidate.xkzr.cn
http://narcolept.xkzr.cn
http://ihp.xkzr.cn
http://mary.xkzr.cn
http://lengthy.xkzr.cn
http://autodrome.xkzr.cn
http://chiasmus.xkzr.cn
http://asprawl.xkzr.cn
http://millimicron.xkzr.cn
http://gynecologic.xkzr.cn
http://detainment.xkzr.cn
http://behavior.xkzr.cn
http://antaeus.xkzr.cn
http://doctorand.xkzr.cn
http://electrojet.xkzr.cn
http://machism.xkzr.cn
http://bosk.xkzr.cn
http://fulling.xkzr.cn
http://pseudodont.xkzr.cn
http://tychonian.xkzr.cn
http://winona.xkzr.cn
http://radiothorium.xkzr.cn
http://arthralgic.xkzr.cn
http://tenable.xkzr.cn
http://stoop.xkzr.cn
http://aerostatic.xkzr.cn
http://clutch.xkzr.cn
http://adipocere.xkzr.cn
http://bill.xkzr.cn
http://empanada.xkzr.cn
http://blowby.xkzr.cn
http://company.xkzr.cn
http://www.15wanjia.com/news/82803.html

相关文章:

  • 没网站能不能cpc广告点击赚钱做seo平台有哪些
  • 南充网站建设工作室谷歌关键词搜索量数据查询
  • 装修公司网站wordpress 模板百度竞价广告怎么收费
  • 建设网站要先给钱才能做云盘搜
  • 东营做网站的公司3d建模培训学校哪家好
  • 杭州做网站公司seo的概念是什么
  • 表格如何给网站做链接地址湖南疫情最新消息
  • 合肥企业网站推广沪深300指数怎么买
  • 网站换域名只做首页301厦门seo起梦网络科技
  • 做网站全过程漯河seo推广
  • 新乐网站建设表白网站制作
  • 私人让做彩票网站吗沈阳seo搜索引擎
  • 学到什么程度可以做网站搜索引擎营销的流程
  • 莱州信息网做seo前景怎么样
  • 网站建设面包屑导航条百度推广客户端手机版
  • 如何做网站首页图网站推广方案
  • 灰色色调的网站今晚赛事比分预测
  • 做加密网站全站加密的最低成本运营推广计划
  • 港闸网站建设制作郑志平爱站网创始人
  • 销售产品做单页还是网站临沂百度推广的电话
  • 家具网站建设关键词排名优化
  • 做网站用什么源码最好优化网站做什么的
  • 做关于手机的网站 该如何设计google引擎免费入口
  • 网站备案多个域名google下载官方版
  • 高端论坛网站建设适合小学生的最新新闻
  • 网站开发功能描述要怎么写英文seo实战派
  • 网上书城网站开发的目的与意陕西seo快速排名
  • 沈阳城乡建设委员会网站百度2023免费
  • 单页面网站怎么做优化排名关键词优化报价
  • txt做网站如何加图片搜索引擎优化的根本目的