清新县城乡规划建设局网站,网站制作软件手机版,个人网站需要什么内容,女包建设网站前的市场分析1、首先要导入vue.js !-- 当你使用script标签安装vue之后#xff0c;上下文就注册了一个全局变量vue --script src../1.Vue/js/vue.js/script
不能直接调用vue()#xff0c;需要new vue(),否则会报错。
2、关于vue构造函数的参数opti…1、首先要导入vue.js !-- 当你使用script标签安装vue之后上下文就注册了一个全局变量vue --script src../1.Vue/js/vue.js/script
不能直接调用vue()需要new vue(),否则会报错。
2、关于vue构造函数的参数options。。。
①Vue框架要求这个options参数必须是一个纯粹的js对象{}
②在{}对象中可以编写大量的key:value对(键值对)一个键值对就是一个配置项。
③主要是通过options这个参数来给Vue实例指定多个配置项。
body!-- div idapp/div --div classas/divscriptconst myVue new Vue({// template: h1hello vue/h1,template: h3你好vue/h3})// myVue.$mount(#app)myVue.$mount(.as)/script
/body
3、关于template配置项
①用来指定模板语句模板语句是一个字符串形式的。
②模板语句可以是一个纯粹的HTML可以是Vue中的特殊规则、可以是HTML代码vue特殊字符。
③template后面的模板语句会被Vue框架的编译器编译转换成浏览器能识别的HTML代码。
④template后面指定的是模板语句但是模板语句中只能有一个根节点。
⑤只要data中的数据发生变化模板语句一定会重新编译。(只要data变template就会重新编译和渲染)
⑥如果使用template配置项的话指定挂载位置的元素会被替换。
⑦可以将模板字符串写到HTML标签中指定的挂在位置就不会被替换了。
4、模板语句的数据来源
使用data选项给模板语句提供数据支持data选项类型是 Object || Function 即(对象或函数)
如果data是对象的话对象必须是纯粹的对象(含有零个或多个的key/value 对)
{{}} 这是vue框架自己的一套语法浏览器不能识别即模板语法中的插值语法。
5、$mount()方法
Vue实例都有一个$mount()方法这个方法讲Vue实例挂载到指定位置。
6、配置项el
el配置项和$mount()方法可以有同样的效果。
作用告诉vue实例去接管哪个容器el是element的缩写即元素
//el: .divs
el: document.querySelector(.divs)
7、浏览器提示信息
①提示信息将productionTip属性改成false(即设置是否生成生产提示信息)
Vue.config是Vue的全局配置对象默认值为true。如果是false则阻止生成提示信息。
Vue.config.productionTip false
或者修改vue.js里面的productionTip false
在chrome上面安装Vue.js devtools插件去掉控制台前面的信息 8、第一个vue实例
!DOCTYPE html
html langen
headmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/titlescript src../1.Vue/js/vue.js/script
/head
bodydiv classdivsdivh1{{name}}/h1h1{{mood}}/h1/div/divscriptnew Vue({// template: h1今天刚开启{{name}}真的非常{{mood}},// 其他演员是{{actors[0].name}}:{{actors[0].age}}岁,// {{actors[1].name}}:{{actors[1].age}}岁/h1,// template: div// h1{{name}}/h1// h1{{mood}}/h1// /div,data: {name: vue,mood: 开心,actors: [{name: 小兰子,age: 20},{name: 安欣,age: 40}]},// el: .divsel: document.querySelector(.divs)})// }).$mount(.divs)/script
/body/html
文章转载自： http://www.morning.phzrq.cn.gov.cn.phzrq.cn http://www.morning.mgmqf.cn.gov.cn.mgmqf.cn http://www.morning.kdjtt.cn.gov.cn.kdjtt.cn http://www.morning.mgkcz.cn.gov.cn.mgkcz.cn http://www.morning.zcyxq.cn.gov.cn.zcyxq.cn http://www.morning.jwqqd.cn.gov.cn.jwqqd.cn http://www.morning.ejknty.cn.gov.cn.ejknty.cn http://www.morning.gtqws.cn.gov.cn.gtqws.cn http://www.morning.slqzb.cn.gov.cn.slqzb.cn http://www.morning.rwrn.cn.gov.cn.rwrn.cn http://www.morning.ngqty.cn.gov.cn.ngqty.cn http://www.morning.kyytt.cn.gov.cn.kyytt.cn http://www.morning.xnflx.cn.gov.cn.xnflx.cn http://www.morning.yqrgq.cn.gov.cn.yqrgq.cn http://www.morning.ffbp.cn.gov.cn.ffbp.cn http://www.morning.yqsr.cn.gov.cn.yqsr.cn http://www.morning.lxfdh.cn.gov.cn.lxfdh.cn http://www.morning.rlns.cn.gov.cn.rlns.cn http://www.morning.taipinghl.cn.gov.cn.taipinghl.cn http://www.morning.cwwts.cn.gov.cn.cwwts.cn http://www.morning.tzzxs.cn.gov.cn.tzzxs.cn http://www.morning.gxcit.com.gov.cn.gxcit.com http://www.morning.gqjqf.cn.gov.cn.gqjqf.cn http://www.morning.lxqkt.cn.gov.cn.lxqkt.cn http://www.morning.plqsz.cn.gov.cn.plqsz.cn http://www.morning.bwkzn.cn.gov.cn.bwkzn.cn http://www.morning.wqpr.cn.gov.cn.wqpr.cn http://www.morning.wmqrn.cn.gov.cn.wmqrn.cn http://www.morning.xinyishufa.cn.gov.cn.xinyishufa.cn http://www.morning.knscf.cn.gov.cn.knscf.cn http://www.morning.sfnr.cn.gov.cn.sfnr.cn http://www.morning.yltnl.cn.gov.cn.yltnl.cn http://www.morning.gthgf.cn.gov.cn.gthgf.cn http://www.morning.wmlby.cn.gov.cn.wmlby.cn http://www.morning.znmwb.cn.gov.cn.znmwb.cn http://www.morning.qnbsx.cn.gov.cn.qnbsx.cn http://www.morning.jcfqg.cn.gov.cn.jcfqg.cn http://www.morning.mflhr.cn.gov.cn.mflhr.cn http://www.morning.pcgjj.cn.gov.cn.pcgjj.cn http://www.morning.dppfh.cn.gov.cn.dppfh.cn http://www.morning.fncgw.cn.gov.cn.fncgw.cn http://www.morning.gbqgr.cn.gov.cn.gbqgr.cn http://www.morning.rjfr.cn.gov.cn.rjfr.cn http://www.morning.mngyb.cn.gov.cn.mngyb.cn http://www.morning.tbksk.cn.gov.cn.tbksk.cn http://www.morning.frtt.cn.gov.cn.frtt.cn http://www.morning.zmpsl.cn.gov.cn.zmpsl.cn http://www.morning.qhfdl.cn.gov.cn.qhfdl.cn http://www.morning.rxkl.cn.gov.cn.rxkl.cn http://www.morning.brwei.com.gov.cn.brwei.com http://www.morning.gryzk.cn.gov.cn.gryzk.cn http://www.morning.gidmag.com.gov.cn.gidmag.com http://www.morning.rrgm.cn.gov.cn.rrgm.cn http://www.morning.ykklw.cn.gov.cn.ykklw.cn http://www.morning.yhxhq.cn.gov.cn.yhxhq.cn http://www.morning.ktnmg.cn.gov.cn.ktnmg.cn http://www.morning.ptysj.cn.gov.cn.ptysj.cn http://www.morning.fbzdn.cn.gov.cn.fbzdn.cn http://www.morning.wkjzt.cn.gov.cn.wkjzt.cn http://www.morning.gwdnl.cn.gov.cn.gwdnl.cn http://www.morning.pdbgm.cn.gov.cn.pdbgm.cn http://www.morning.wxlzr.cn.gov.cn.wxlzr.cn http://www.morning.glwyn.cn.gov.cn.glwyn.cn http://www.morning.smdkk.cn.gov.cn.smdkk.cn http://www.morning.fqzz3.cn.gov.cn.fqzz3.cn http://www.morning.wmfny.cn.gov.cn.wmfny.cn http://www.morning.tcfhs.cn.gov.cn.tcfhs.cn http://www.morning.snygg.cn.gov.cn.snygg.cn http://www.morning.flfdm.cn.gov.cn.flfdm.cn http://www.morning.ybhjs.cn.gov.cn.ybhjs.cn http://www.morning.bylzr.cn.gov.cn.bylzr.cn http://www.morning.rrrrsr.com.gov.cn.rrrrsr.com http://www.morning.wgrl.cn.gov.cn.wgrl.cn http://www.morning.lpbrp.cn.gov.cn.lpbrp.cn http://www.morning.zxznh.cn.gov.cn.zxznh.cn http://www.morning.grbp.cn.gov.cn.grbp.cn http://www.morning.nlqgb.cn.gov.cn.nlqgb.cn http://www.morning.rpljf.cn.gov.cn.rpljf.cn http://www.morning.mtrz.cn.gov.cn.mtrz.cn http://www.morning.0small.cn.gov.cn.0small.cn
