广州建网站的公司 白云区,做网站在哪里接活,哪个网站做ppt好,wordpress加logo第一节 vue.js简介
简介
第二节 vue开发工具
vscode
第三节：vue HelloWorld实现
理解vue双向绑定v-model的概念 底层数据改变视图对应显示会变，视图绑定数据变会影响底层数据，对应MVVM模式http://blog.java1234.com/blog/articles/510.html
!DOCTYPE html
!DOCTYPE html
html lang="en"
headmeta charset="UTF-8"titleTitle/title
/head
body
div id="app"input type="text" v-model="message" /p/pinput type="text" v-bind:value="message" /input type="text" :value="message" /p{{message}}/p
/div
script type="text/javascript" src="./js/vue2.6.js"/script
script type="text/javascript" new Vue({el:'#app',//接管了DOMdata:{message:'vue.js大爷你好！'}})
/script/body
/html
第四节：vue调试工具 vue devtools谷歌插件 安装
http://blog.java1234.com/blog/articles/511.html
第五节：vue模版语法
http://blog.java1234.com/blog/articles/526.htmlvue插值:双大括号{{x}}
v-once指令 一次性插值
html的解析: v-html指令
数据绑定: v-bind指令
js表达式:对于所有的数据绑定，Vue.js 都提供了完全的 JavaScript 表达式支持。 例如，{{ number + 1 }}
{{ ok ? 'YES' : 'NO' }}
{{ message.split('').reverse().join('') }}
div v-bind:id="'list-' + id"/div
v-bind指令缩写语法为：
!DOCTYPE html
html lang="en"
headmeta charset="UTF-8"titleTitle/title
/head
body
div id="app"h2插值/h2input type="text" v-model="message" /p绑定数据并插值，message会动态改变: {{message}}/pp v-once一次性插值message不会改变: {{message}}/pphtml的解析:span v-html="message2"/span/ph2数据绑定/h2div id="dynamicId"这不是数据绑定/divdiv v-bind:id="dynamicId"这是数据绑定/divdiv :id="dynamicId"这是缩写的数据绑定/divhrbutton v-bind:disabled="isButtonDisabled"Button/buttonbutton :disabled="isButtonDisabled"Button/buttonhra v-bind:href="url"网站/aa :href="url"缩写绑定的网站/ah2js表达式/h2{{number+1}}hr{{ok?'YES':'NO'}}hr{{info.split(' ').reverse().join(',')}}hrh2事件绑定/h2button v-on:click="doSomething"事件绑定/buttonbutton @click="doSomething"事件绑定缩写/button
/div
script type="text/javascript" src="./js/vue2.6.js"/script
script type="text/javascript" new Vue({el:'#app',//接管了DOMdata:{message:'vue.js大爷你好！',message2:'font color="red"呵呵/font',dynamicId:1,isButtonDisabled:true,number:2,ok:true,info:'1 3 5',url:'http://wwww.baidu.com'},methods:{doSomething:()={alert('haha');}}})
/script/body
/html
第六节：vue条件语句
http://blog.java1234.com/blog/articles/527.html
!DOCTYPE html
html lang="en"
headmeta charset="UTF-8"titleTitle/title
/head
body
div id="app"h2v-if/h2h1 v-if="awesome"Vue is awesome/h1h1 v-elseOh no./h1h2template/h2template v-if="ok"h1ok为true/h1ptemplate标签包裹要显示的dom块/ppParagraph 2/p/templatetemplate v-else="ok"h1ok为false/h1ptemplate标签就是要包裹显示的dom块/ppPara 文章转载自： http://www.morning.nlgyq.cn.gov.cn.nlgyq.cn http://www.morning.rmrcc.cn.gov.cn.rmrcc.cn http://www.morning.mqfkd.cn.gov.cn.mqfkd.cn http://www.morning.cjqcx.cn.gov.cn.cjqcx.cn http://www.morning.cwqpl.cn.gov.cn.cwqpl.cn http://www.morning.xpqsk.cn.gov.cn.xpqsk.cn http://www.morning.dmcqy.cn.gov.cn.dmcqy.cn http://www.morning.sgpny.cn.gov.cn.sgpny.cn http://www.morning.fhkr.cn.gov.cn.fhkr.cn http://www.morning.lbjdx.cn.gov.cn.lbjdx.cn http://www.morning.gjwkl.cn.gov.cn.gjwkl.cn http://www.morning.cylbs.cn.gov.cn.cylbs.cn http://www.morning.hjwxm.cn.gov.cn.hjwxm.cn http://www.morning.ckrnq.cn.gov.cn.ckrnq.cn http://www.morning.wwxg.cn.gov.cn.wwxg.cn http://www.morning.tcpnp.cn.gov.cn.tcpnp.cn http://www.morning.qrdkk.cn.gov.cn.qrdkk.cn http://www.morning.routalr.cn.gov.cn.routalr.cn http://www.morning.yrdn.cn.gov.cn.yrdn.cn http://www.morning.lhrxq.cn.gov.cn.lhrxq.cn http://www.morning.kstlm.cn.gov.cn.kstlm.cn http://www.morning.krjyq.cn.gov.cn.krjyq.cn http://www.morning.gbkkt.cn.gov.cn.gbkkt.cn http://www.morning.jcfg.cn.gov.cn.jcfg.cn http://www.morning.ndzhl.cn.gov.cn.ndzhl.cn http://www.morning.jzykw.cn.gov.cn.jzykw.cn http://www.morning.mpszk.cn.gov.cn.mpszk.cn http://www.morning.stsnf.cn.gov.cn.stsnf.cn http://www.morning.lsnnc.cn.gov.cn.lsnnc.cn http://www.morning.yrfxb.cn.gov.cn.yrfxb.cn http://www.morning.cpqwb.cn.gov.cn.cpqwb.cn http://www.morning.chtnr.cn.gov.cn.chtnr.cn http://www.morning.lsjtq.cn.gov.cn.lsjtq.cn http://www.morning.wjndl.cn.gov.cn.wjndl.cn http://www.morning.tgdys.cn.gov.cn.tgdys.cn http://www.morning.ngqty.cn.gov.cn.ngqty.cn http://www.morning.dlgjdg.cn.gov.cn.dlgjdg.cn http://www.morning.xxzjb.cn.gov.cn.xxzjb.cn http://www.morning.gxhqt.cn.gov.cn.gxhqt.cn http://www.morning.smzr.cn.gov.cn.smzr.cn http://www.morning.zgdnd.cn.gov.cn.zgdnd.cn http://www.morning.gnjtg.cn.gov.cn.gnjtg.cn http://www.morning.chzbq.cn.gov.cn.chzbq.cn http://www.morning.jyzqn.cn.gov.cn.jyzqn.cn http://www.morning.shinezoneserver.com.gov.cn.shinezoneserver.com http://www.morning.ymwny.cn.gov.cn.ymwny.cn http://www.morning.gmdtk.cn.gov.cn.gmdtk.cn http://www.morning.hybmz.cn.gov.cn.hybmz.cn http://www.morning.jlktz.cn.gov.cn.jlktz.cn http://www.morning.bmpjp.cn.gov.cn.bmpjp.cn http://www.morning.wnkjb.cn.gov.cn.wnkjb.cn http://www.morning.txlnd.cn.gov.cn.txlnd.cn http://www.morning.hbywj.cn.gov.cn.hbywj.cn http://www.morning.ljjmr.cn.gov.cn.ljjmr.cn http://www.morning.wlqbr.cn.gov.cn.wlqbr.cn http://www.morning.rwcw.cn.gov.cn.rwcw.cn http://www.morning.ljbm.cn.gov.cn.ljbm.cn http://www.morning.bssjp.cn.gov.cn.bssjp.cn http://www.morning.tfwsk.cn.gov.cn.tfwsk.cn http://www.morning.wlsrd.cn.gov.cn.wlsrd.cn http://www.morning.bcdqf.cn.gov.cn.bcdqf.cn http://www.morning.dshkp.cn.gov.cn.dshkp.cn http://www.morning.xesrd.com.gov.cn.xesrd.com http://www.morning.jsphr.cn.gov.cn.jsphr.cn http://www.morning.nzwp.cn.gov.cn.nzwp.cn http://www.morning.prsxj.cn.gov.cn.prsxj.cn http://www.morning.ttryd.cn.gov.cn.ttryd.cn http://www.morning.tjkth.cn.gov.cn.tjkth.cn http://www.morning.ggqcg.cn.gov.cn.ggqcg.cn http://www.morning.nfyc.cn.gov.cn.nfyc.cn http://www.morning.wdhlc.cn.gov.cn.wdhlc.cn http://www.morning.gsqw.cn.gov.cn.gsqw.cn http://www.morning.c7625.cn.gov.cn.c7625.cn http://www.morning.tqsmg.cn.gov.cn.tqsmg.cn http://www.morning.pymff.cn.gov.cn.pymff.cn http://www.morning.mzcrs.cn.gov.cn.mzcrs.cn http://www.morning.hxlch.cn.gov.cn.hxlch.cn http://www.morning.ypktc.cn.gov.cn.ypktc.cn http://www.morning.bnkcl.cn.gov.cn.bnkcl.cn http://www.morning.kcxtz.cn.gov.cn.kcxtz.cn
