上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

射洪网络公司哪家好【射洪企业网站百度SEO推广公司】射洪做网站开发价格、射洪淘宝店铺开店装修设计运营、公司网站制作方案流程改版维护费用、射洪高端企业网站页面制作设计专业公司需要多少钱

射洪市，四川省辖县级市，由遂宁市代管。 [1]  地处四川盆地中部，涪江中游，遂宁以北，位于成渝经济区北弧中心。射洪市幅员面积1496平方公里。射洪气候属四川盆地亚热带湿润气候区，气候温和、四季分明。截至2019年，射洪市辖21个镇，2个街道；共有446个行政村（587个自然村），69个社区。截至2017年，射洪市户籍总人口97.24万。 [2] 

南北朝西魏时期，始置射江县，得名源于其境内有射江。于北周（557年）改名射洪县，故称“西魏置县，北周正名”。射洪市境内建立县级政权已有1500多年历史。 [3-4]  2019年8月16日，经报国务院批准，同意撤销射洪县，设立县级射洪市。 [1] 

射洪市是陈子昂故里，中国民间诗画艺术之乡”， [5]  是“全国科技进步示范县”、“全国科普示范县”， [6]  素有“子昂故里，诗酒之乡”美誉。 [7-8]  2019年，射洪进入中国西部百强县市名单。 [18]  射洪市境内有陈子昂读书台、 [9]  楞严阁等古迹 [10]  ，有硅化木化石群地质遗迹， [11]  有子昂故里文化旅游区、 [12]  金华山、 [13]  太和镇磨嘴村乡村旅游示范带、 [14]  桃花山风景区、 [15]  螺湖自然景观 [16]  等景点。

2019年，射洪市全年地区生产总值400.09亿元，同比（下同）增速7.9%，其中一、二、三产业增加值61.41亿元、205.77亿元、132.91亿元，增速分别为2.5%、8.8%、9.4%，三次产业结构比为15.3:51.5:33.2。 [17] 

今天开始学习Vue.js，每天学习记录笔记

vue生成一条数据

vue中的渲染在{{ }}两个大括号中间，一个小示例：

<div id="app-1">{{ message }}</div>

HTML

var app1 = new Vue({     el: '#app-1',     data: {         message: '{{vue的数据显示写在双大括号内}}'     } });

JavaScript{{ message }}

v-bind:attr, 给DOM绑定一个属性

   :冒号为简写
   :attr=”xxx”,添加一个值
   :attr=”[xx, xx]”,数组的形式添加多个
   :attr=”{}”,json的形式添加多个，key为标签属性的值，value为data数据里面的数据，值为true/false

<div id="app-2">     <a href="" v-bind:title="message">v-bind:绑定指令</a>     <a href="" :title="message">:冒号为简写</a>     <p :class="className">:attr="xxx",添加一个值</p>     <p :class="[colorRed, bgPink]">:attr="[xx, xx]",数组的方式添加多个值,相当于addClass</p>     <p :class="{red: bRed}">:attr="{}",键值为标签的属性值，key值为data数据的值，true false</p> </div>

HTML

var app2 = new Vue({     el: '#app-2',     data: {         message: '我是悬浮信息',         className: 'red',         colorRed : 'color-red',         bgPink: 'bg-pink',         bRed: true     } });

JavaScriptv-bind:绑定指令
:冒号为简写

:attr=”xxx”,添加一个值

:attr=”[xx, xx]”,数组的方式添加多个值,相当于addClass

:attr=”{}”,键值为标签的属性值，key值为data数据的值，true false

v-if, 判断语句

<div id="app-3" v-bind:title="message" v-if="bool">v-if判断</div>

HTML

var app3 = new Vue({     el: '#app-3',     data: {         message: '控制台直接输入app3.bool = false即可隐藏此元素',         bool: true     } });

JavaScriptv-if判断

v-for, 循环语句，v-for=”arr in arr”

<div id="app-4">     <ul>         <li v-bind:title="floatMes">{{message}}</li>         <li v-for="arr in arr">             {{arr.text}}         </li>     </ul> </div>

HTML

var app4 = new Vue({     el: '#app-4',     data: {         message: 'v-for="obj in object"',         floatMes: '控制台输入app4.arr.push({text: "xuanmo"}),即可追加一条数据',         arr: [             {                 text: 'Apple'             }, {                 text: 'orange'             }, {                 text: 'Tomoto'             }         ]     } });

JavaScript

• {{message}}

• {{arr.text}}

v-on, 给DOM绑定一个事件

<div id="app-5">     <p>{{message}}</p>     <p>{{summary}}</p>     <button @click="addMessage">追加消息</button> </div>

HTML

var app5 = new Vue({     el: '#app-5',     data: {         message: '我是一句话！',         summary: '通过v-on:event="functionName",可以给元素绑定一个事件，简写：@eventName=""'     },     methods: {         addMessage: function () {             this.message = this.message + ' 我是追加的消息 '         }     } });

JavaScript

{{message}}

{{summary}}

追加消息

v-model, 数据双向绑定

<div id="app-6">     <p>{{message}}</p>     <p>{{summary}}</p>     <input type="text" v-model="message"> </div>

HTML

var app6 = new Vue({     el: '#app-6',     data: {         message: 'Vue的双向绑定数据',         summary: '通过v-model实现数据的双向绑定'     } });

JavaScript

{{message}}

{{summary}}

v-html, 相当于innerHTML

<div id="app-7" v-html="html"></div>

HTML

var app7 = new Vue({     el: '#app-7',     data: {         html: '<span style="color: #f4363a;">我是v-html指令生成的一个标签</span>'     } });

JavaScript

使用v-model实现一个为div添加背景图片效果

射洪网络公司哪家好【射洪企业网站百度SEO推广公司】射洪做网站开发价格、射洪淘宝店铺开店装修设计运营、公司网站制作方案流程改版维护费用、射洪高端企业网站页面制作设计专业公司需要多少钱

上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。

服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）