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

企业网站的宣传功能体现在哪里wordpress导入用户数据库

企业网站的宣传功能体现在哪里,wordpress导入用户数据库,wordpress 4.7.11漏洞,网站建设廴金手指花总壹陆一、初始Vue 1.想让Vue工作,就必须创建一个Vue实例,且要传入一个配置对象; 2.root容器里的代码依然符合html规范,只不过混入了一些特殊的Vue语法; 3.root容器里的代码被称为【Vue模板】; 4.Vue实例和容器是…

一、初始Vue

1.想让Vue工作,就必须创建一个Vue实例,且要传入一个配置对象;
2.root容器里的代码依然符合html规范,只不过混入了一些特殊的Vue语法;
3.root容器里的代码被称为【Vue模板】;
4.Vue实例和容器是一一对应的
5.真实开发中只有一个Vue实例,并且会配合着组件一起使用;
6.{{xxx}}中的xxx要写js表达式,且xxx可以自动读取到data中的所有属性;
7.一旦data中的数据发生改变,那么页面中用到该数据的地方也会自动更新;

Vue.js为什么称为“渐进式”的前端框架?因为你可以随着你的学习进度或者应用场景变化使用Vue逐渐来增强原来的HTML、CSS、JS,而不是说用Vue就把原来那一套完全就覆盖掉了,因此称为渐进式。对于已有前端基础的学习者来说,这是一个灵活且重要的特性

二、Vue模板语法

1.插值语法

功能:用于解析标签体内容。
写法:{{xxx}},xxx是js表达式,且可以直接读取到data中的所有属性。

2.指令语法

功能:用于解析标签(包括:标签属性、标签体内容、绑定事件…)。
举例:v-bind:href=“xxx” 或 简写为 :href=“xxx”,xxx同样要写js表达式,可以直接读取到data中的所有属性。
备注:Vue中有很多的指令,且形式都是:v-???,此处我们只是拿v-bind举个例子。

三、数据绑定

Vue中有2种数据绑定的方式:
1.单向绑定(v-bind):数据只能从data流向页面。
2.双向绑定(v-model):数据不仅能从data流向页面,还可以从页面流向data。
备注:
1.双向绑定一般都应用在表单类元素上(如:input、select等)
2.v-model:value 可以简写为 v-model,因为v-model默认收集的就是value值。

四、el和data的两种写法

1.el有2种写法
(1).new Vue时候配置el属性。
(2).先创建Vue实例,随后再通过vm.$mount(‘#root’)指定el的值。
在这里插入图片描述
2.data有2种写法
(1).对象式
(2).函数式
如何选择:目前哪种写法都可以,以后学习到组件时,data必须使用函数式,否则会报错。
在这里插入图片描述
3.一个重要的原则:
由Vue管理的函数,一定不要写箭头函数,一旦写了箭头函数,this就不再是Vue实例了。

五、Vue模型

虽然没有完全遵循 MVVM 模型,但是 Vue 的设计也受到了它的启发。因此在文档中经常会使用 vm (ViewModel 的缩写) 这个变量名表示 Vue 实例。
在这里插入图片描述

六、vm数据代理

1.Vue中的数据代理:
通过vm对象来代理data对象中属性的操作(读/写)
2.Vue中数据代理的好处:
更加方便的操作data中的数据
3.基本原理:
通过Object.defineProperty()把data对象中所有属性添加到vm上。
为每一个添加到vm上的属性,都指定一个getter/setter。
在getter/setter内部去操作(读/写)data中对应的属性。
在这里插入图片描述
当读取data中的属性值时,通过对应的getter方法读取,当修改属性值时,通过setter方法修改,并且重新解析vue模板,用到此属性值的DOM节点都重新渲染。如下为Vue数据代理原理的一个简单实现
在这里插入图片描述

七、事件处理 v-on

事件的基本使用:
1.使用v-on:xxx 或 @xxx 绑定事件,其中xxx是事件名;
2.事件的回调需要配置在methods对象中,最终会在vm上;
3.methods中配置的函数,不要用箭头函数!否则this就不是vm了;
4.methods中配置的函数,都是被Vue所管理的函数,this的指向是vm 或 组件实例对象;
5.@click=“demo” 和 @click=“demo($event)” 效果一致,但后者可以传参;

Vue中的事件修饰符:
1.prevent:阻止默认事件(常用);
2.stop:阻止事件冒泡(常用);
3.once:事件只触发一次(常用);
4.capture:使用事件的捕获模式;
5.self:只有event.target是当前操作的元素时才触发事件;
6.passive:事件的默认行为立即执行,无需等待事件回调执行完毕;

键盘事件:
在这里插入图片描述

八、计算属性 computed

当页面元素中需要一个由多个属性计算出的值时,可以在vue实例中设置一个计算属性,避免在模板中写过于复杂的表达式。
computed内的属性即为计算属性,在模板中使用时会直接调用其内部的get函数返回结果,并且当函数内用到的变量动态更新时,计算属性也会同时更新。
在这里插入图片描述

九、监视属性 watch

用于监听属性变化,当属性变化时,执行回调函数handler
在这里插入图片描述

十、绑定样式

绑定class样式
在这里插入图片描述
绑定style样式
在这里插入图片描述

http://www.yayakq.cn/news/721286/

相关文章:

  • 深喉咙企业网站模板瀑布流wordpress
  • 网站运营总结关于做美食的小视频网站
  • 做网站一定要有服务器吗怎么做app推广
  • 做网站的职责技术支持:佛山网站建设
  • 下载室内设计排版模板网站有哪些wordpress按钮插件
  • 已被网站管理员设置拦截天津网站建设咨询
  • 网站短信验证怎么做抖音代运营如何解除
  • 电商网站流量统计个人可以做电视台网站吗
  • 注册一个网站多少钱?网站开发 太原
  • 汕头建设企业网站三亚住房和城乡建设厅网站
  • 商业网站建设案例笔记微网站建设公司
  • 企业自己如何做网站推广网站怎么做子网页
  • 更换dns能上国外网站吗南通seo网站建设费用
  • 怎么看网站文章的收录男科专科医院排名
  • 模版营销型网站怎么做苏宁易购电子商务网站建设目标
  • 网站按照规模分为哪几类丽江建设信息网站
  • 需要找做网站的网络管理系统提供网络管理需要的大量运算和记忆资源
  • 网站后台更换首页图片北京网站建设 知乎
  • 清远市建设局网站山东网站制作定制
  • 合肥本地网站菜鸟零基础如何自学编程
  • 网站推广seo软件在线制作流程图网页
  • 建立网站编码 优帮云wordpress 邮箱验证
  • 邯郸网站建设哪家强怎么创建网站要钱吗
  • 做APP好还是建设网站好公司网站建设方案详细方案
  • 如何建一个营销网站微信网站建设知识
  • 校园网站建设意见制作网站去哪家好
  • 改进网站建设有哪些好的印花图案设计网站
  • 威海哪有网站建设网站空间的申请
  • 合肥网站建设多少钱2017主流网站风格
  • 请描述网站开发的一般流程图用DW做网站时怎么在新窗口打开