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

通许小程序制作【通许企业邮箱】通许网站外包、通许微信商城开发、通许网店美工、通许淘宝设计

通许，古称咸平，历史文化悠久，现隶属国家历史文化名城七朝古都开封市，通许县地处河南省中东部，黄河中下游地区，属于豫东平原。地势西高东低，北高南低，呈由西北向东南倾斜状。 北临黄河，西望嵩山，东临豫东重镇商丘，南邻历史名城周口，西北距省会郑州80公里，北临古都开封40公里。位于国家战略中原经济区建设的核心区之内，是规划中衡潢铁路途经地。 [1] 

通许县下辖1个街道、5个镇、6个乡，东西宽30.5公里，南北长34.8公里，总面积766．22平方公里。是黄河南泛冲击而成的黄淮平原之一部分。全县土壤面积963742亩，其中两合土、沙土和淤土面积居多，占土壤面积的99.45%。河道属淮河流域涡河水系，主要河流为涡河，县境流长52公里。一级支流8条，二级支流6条，网系全县各乡。 [1]  第二批节水型社会建设达标县（区）。 [2] 

2018年全县生产总值完成259亿元。

一、vue.js介绍

vue是一套用于构建用户界面的渐进式框架

vue的核心只关注视图层，不仅容易上手，还便于与第三方库或既有项目整合

二、指令

（一）、指令

本质就是自定义属性

VUE中指令都是v-开头

（二）、内置指令

1、v-cloak

防止页面加载时出现闪烁问题

2、v-text

v-text指令用于将数据填充到标签中，作用与插值表达式，但是没有闪动问题

如果数据中有html标签会将html标签一并输出

注意：此处为单向绑定，数据对象的值改变，插值会变化；但是当插件发生变化并不会影响数据对象的值

3、v-html

用法和v-text相似，但是他可以将html片段填充到标签中

可能有安全问题，一般只在可信任内容上使用v-html，永不使用在用户提交的内容上

它与v-text区别在于v-text输出是纯文本，浏览器不会对其在进行html解析，但是v-html会将其当html标签解析后再输出

4、v-pre

显示原始信息跳过编译过程

跳过这个元素和他的子元素的编译过程

一些静态的内容不需要编译加这个指令可以加快渲染

5、v-once

执行一次性的插值表达式【当数据改变时，插值出的内容不会继续更新】

6、v-model

v-model是一个指令，限制在

、components中使用

双向数据绑定：

当数据发生变化的时候，识图也就发生变化

当识图发生变化的时候，识图也会跟着同步变化

7、v-on

用来绑定事件的

写法：v-on：click 缩写为@click;

8、v-bind

v-bind指令被用来响应地更新html属性

v-bind：href可以缩写为 :href;

可以缩写为<img:src ="imagesrc”>

9、条件判断 v-if

使用场景

多个元素通过条件判断展示或隐藏某个元素或者多个元素

进行两个视图之间的切换

v-show和v-if区别

v-show本质就是标签display设置为none ，控制隐藏

v-show只编译一次，后面的其实就是控制css，而v-id不停的销毁和创建，所以v-show性能更好一些。

v-if是动态向dom树内添加或着删除DOM元素。

v-if切换有一个局部编译/卸载的过程，切换过程中合适的销毁和创建内部事件的监听和子组件

10、循环结构 v-for

用于循环数组里面的值可以是对象，也可以是普通元素

key的作用

key来给每一个节点作为唯一标识

key的作用主要是为了高效的更新虚拟DOM

（三）、自定义指定

介绍

内置指令不能满足我们特殊的需求

vue允许我们自定义指令

vue.directive注册全局指令

vue.directive注册全局指令带参数

局部指令

局部指令，需要定义在directives的选项中，用法和全局用法一样

局部指令只能在当前组件里面使用

当全局指令和局部指令同名时一局部指令为准

三、修饰符

1、 事件修饰符

在事件处理程序中调用‘event.preventDefault’或’event.stoPropagation（）'是非常常见的需求

vue不推荐我们操作DOM，为了解决这个问题。vue.js为‘v-on’提供了事件修饰符

-修饰符是由点开头的指令后缀来表示的

2.按键修饰符

在做项目的时候，会用到键盘事件，在监听键盘事件时，我们经常需要检查详细的按键， vue允许为‘v-on’添加监听键盘事件时添加键盘修饰符

3、自定义按键修饰符别名

在vue中可以通过‘config-keyCodes’自定义按键别名

4、表单修饰符

1、.number转换为数值

注：

当开始输入非数字的字符串时，因为vue无法将字符串转化成为数值

所以属性值将实时更新成相同的字符串，即使后面输入数字，也将被视作字符串

2、 .trim 自动过滤用户输入的首位空白字符

只能去掉首尾的，不能去掉中间的空格

3、lazy 将input事件切换成为change事件

.lazy修饰符延迟了同步更新属性值的时机，即将原来绑定在input事件的同步逻辑转化成为绑定在change事件上

注：失去焦点或者按下回车键的时候才会生效

通许小程序制作【通许企业邮箱】通许网站外包、通许微信商城开发、通许网店美工、通许淘宝设计

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

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