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

做外贸不能访问国外网站怎么办打开百度app

做外贸不能访问国外网站怎么办,打开百度app,网站建设推广方案,房地产营销案例100例一、Vue 1. 简介 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的 JavaScript 框架 它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型 由个人维护:尤雨溪,华人 官网 Vue.js - 渐进…

一、Vue

1. 简介

  • Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的 JavaScript 框架

  • 它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型

  • 由个人维护:尤雨溪,华人

  • 官网 Vue.js - 渐进式 JavaScript 框架 | Vue.js

2. 基本使用

Vue的页面使用方式:

  • 在页面中直接引入Vue核心库的js文件

  • 该方式只是为了让开发者在学习Vue语法时可以快速掌握

  • 实际上Vue并不适合直接使用 页面方式进行语法定义,更推荐使用模块化方式

使用步骤:

  1. 获取Vue核心库的js文件

    通过地址 https://cdn.jsdelivr.net/npm/vue/dist/vue.js 下载

  2. 在页面中引入Vue

    <script src="js/vue.js"></script>
  1. 创建Vue实例并应用

3. 调试工具

安装vue-devtools插件,便于在Chrome浏览器中调试vue

步骤:

  1. 打开Chrome浏览器的扩展程序——>更多扩展程序

  2. vue_devtools_6.5.0.crx拖放到扩展程序中

在VSCode中安装Vue相关插件:Vue Language Featuresvue-helper

二、基本交互

1. 插值表达式

语法: {{ }} 由两对大括号组成,称为“Mustache”语法

作用:用于在页面标签中插入值,进行数据的绑定显示,且当值发生变化时标签会重新渲染加载,称为响应式特性,即数据状态同步操作

用法:<标签>{{ Vue对象数据仓库变量|JS表达式|JS内置对象 }}</标签> 只能用在标签中间的内容位置

2. 指令

2.1 简介

指令 (Directives)是用来扩展html标签的功能,以v-作为前缀

2.2 常用指令
指令取值作用
v-textstring更新元素的textContent
v-htmlstring更新元素的innerHTML
v-onFunction | Object | Array | 行内表达式绑定事件监听器,用于事件绑定
v-showany根据表达式的boolean结果,切换元素的 display CSS 属性,控制元素的显示隐藏
v-if、v-else-if、v-elseany根据表达式的boolean结果,执行元素的创建和删除操作,控制元素的显示隐藏
v-forArray | Object | number | string基于数据多次渲染元素或模板块,用于循环数据
v-bindany动态的为标签绑定属性,用于属性绑定

3. 双向数据绑定

v-model双向数据绑定指令

  • 取值:随表单控件类型不同而不同

  • 限制:仅限于表单中可输入或者可选择的元素,如<input><select><textarea>

四、数据控制

1. 计算属性

计算属性(computed)也是用来存储属性数据的,但具有以下特点:

  • 可以对数据进行逻辑处理操作,实现数据包装

  • 计算属性通常依赖于当前Vue对象中的普通属性

  • 当依赖的普通属性发生变化时计算属性也会变化,实现数据监控

2. 监视器

监视器(watch)是用来监视数据的变化,对数据进行监控

new Vue({watch: {变量:function(newValue, oldValue){}, // 监控方法变量:{handler: function(newValue, oldValue){}, // 监控方法deep: true // 开启深度监视}},
})

五、实例属性和方法

1. 简介

通过Vue实例对象可以直接访问的属性和方法,称为实例属性和实例方法

实例属性和方法都以 $ 开头

2. 实例属性

  • vm.$el:当前Vue实例使用的根 DOM 元素

  • vm.$refs:当前Vue实例容器中定义了ref属性的所有 DOM 元素

3. 实例方法

  • vm.$mount:手动挂载Vue实例

  • vm.$destroy:销毁Vue实例,只会销毁vue的实例对象,不会销毁与其关联的页面容器

  • vm.$nextTick:在DOM更新完成后再执行回调函数,一般在修改数据之后使用该方法,以便获取更新后的DOM并操作

六、模板

模板(template)就是定义Vue时指定的页面结构构成

  • 默认使用el选项指定的挂载元素的内容来构成页面模板,同时指定挂载位置

  • 可以使用 template 选项独立定义页面模板,此时el挂载元素的内容将被忽略

七、生命周期

Vue实例从创建到销毁的过程,称为生命周期,共有八个阶段:

  • beforeCreate、created

  • beforeMount 、mounted

  • beforeUpdate、updated

  • beforeDestroy、destroyed

在生命周期的每个阶段都提供了相应的钩子函数,可以在钩子函数中执行操作,控制生命周期的各个阶段

八、组件

1. 简介

Component 组件是可复用的Vue实例,可以将项目中重复出现的页面结构定义为组件

组件会带有一个名称,可以把组件作为自定义元素来使用,相当于是自定义了一个标签

组件分类:

  • 全局组件,在所有Vue实例中都可以使用

  • 局部组件,只能在构建组件的 Vue实例的容器范围内使用

2. 定义组件

通过选项 components:{} 来定义

用法:

new Vue({el: '#app',components: {'comp-a': {template: '<h3>{{ msg }}</h3>',data() {return {msg: "aaa"}}}}
})

九、组件间数据传递

1. 组件间的关系

页面组件的关系结构,是一个由许多组件构成的树状结构,组件间存在着两种关系:父子关系、非父子关系

默认情况下,每个组件实例都是独立的,组件间无法直接访问数据,因此需要进行组件间的数据传递,也称为组件间的通信

2. 父子组件间的数据传递

2.1 父向子传递数据

技术:属性绑定+数据拦截

步骤:

  1. 父组件在调用子组件时,以属性绑定的方式将要传递的数据绑定在子组件标签上

  2. 在子组件对象中,使用props选项声明获取的数据,进行绑定属性的拦截,即接收来自父组件的数据

2.2 子向父传递数据

技术:事件监听+事件触发

步骤:

  1. 父组件在调用子组件时,监听子组件触发的自定义事件,并在父组件中定义回调方法,用来接收数据

  2. 在子组件中使用vm.$emit(事件名,数据)触发自定义事件


文章转载自:
http://rotation.mdwb.cn
http://unsanctioned.mdwb.cn
http://chronicity.mdwb.cn
http://staffelite.mdwb.cn
http://primipara.mdwb.cn
http://haemostasia.mdwb.cn
http://serology.mdwb.cn
http://manado.mdwb.cn
http://plowtail.mdwb.cn
http://khuzistan.mdwb.cn
http://nonrecurrent.mdwb.cn
http://breton.mdwb.cn
http://abbe.mdwb.cn
http://mellowness.mdwb.cn
http://pastille.mdwb.cn
http://matsudo.mdwb.cn
http://flutist.mdwb.cn
http://tripleheaded.mdwb.cn
http://ops.mdwb.cn
http://curlily.mdwb.cn
http://eisegetical.mdwb.cn
http://dramatically.mdwb.cn
http://paddle.mdwb.cn
http://counterjumper.mdwb.cn
http://irradiator.mdwb.cn
http://harpins.mdwb.cn
http://rivadavia.mdwb.cn
http://infiltration.mdwb.cn
http://semicomatose.mdwb.cn
http://admiring.mdwb.cn
http://smyrna.mdwb.cn
http://speechcraft.mdwb.cn
http://decad.mdwb.cn
http://rammish.mdwb.cn
http://cercopithecoid.mdwb.cn
http://strategy.mdwb.cn
http://lecturer.mdwb.cn
http://transcend.mdwb.cn
http://tubuliflorous.mdwb.cn
http://jods.mdwb.cn
http://eclosion.mdwb.cn
http://ninefold.mdwb.cn
http://whiting.mdwb.cn
http://verb.mdwb.cn
http://astray.mdwb.cn
http://deproletarize.mdwb.cn
http://exophoria.mdwb.cn
http://bereave.mdwb.cn
http://eroticism.mdwb.cn
http://disunite.mdwb.cn
http://jotunnheimr.mdwb.cn
http://coma.mdwb.cn
http://lekythos.mdwb.cn
http://atomization.mdwb.cn
http://culicid.mdwb.cn
http://photoelectron.mdwb.cn
http://geanticline.mdwb.cn
http://hongi.mdwb.cn
http://concede.mdwb.cn
http://foziness.mdwb.cn
http://pyorrhoea.mdwb.cn
http://deferrable.mdwb.cn
http://eikon.mdwb.cn
http://apogamic.mdwb.cn
http://kindliness.mdwb.cn
http://community.mdwb.cn
http://greymouth.mdwb.cn
http://feuilleton.mdwb.cn
http://archdiocese.mdwb.cn
http://scv.mdwb.cn
http://tribute.mdwb.cn
http://adoring.mdwb.cn
http://pigtail.mdwb.cn
http://hyperesthesia.mdwb.cn
http://brain.mdwb.cn
http://fated.mdwb.cn
http://newsreader.mdwb.cn
http://disedge.mdwb.cn
http://porphyritic.mdwb.cn
http://plyer.mdwb.cn
http://xenodochium.mdwb.cn
http://preselector.mdwb.cn
http://seriocomic.mdwb.cn
http://saturant.mdwb.cn
http://thankye.mdwb.cn
http://mason.mdwb.cn
http://rhinolaryngitis.mdwb.cn
http://foliature.mdwb.cn
http://knotweed.mdwb.cn
http://cephalate.mdwb.cn
http://palingenesis.mdwb.cn
http://tachycardia.mdwb.cn
http://belch.mdwb.cn
http://gunnery.mdwb.cn
http://dowdily.mdwb.cn
http://plethysmograph.mdwb.cn
http://virucide.mdwb.cn
http://valentina.mdwb.cn
http://battleplane.mdwb.cn
http://enwrite.mdwb.cn
http://www.15wanjia.com/news/57729.html

相关文章:

  • 小型企业管理系统软件seoaoo
  • 做婚恋交友类网站怎么样创建网站
  • 物流做网站哪家好如何做网站seo排名优化
  • 有没有免费的网站服务器爱站网站长seo综合查询
  • 群晖 做网站服务器网站关键词排名查询
  • 营销型网站结构图网站推广公司黄页
  • 深圳网站优化怎么做公司的网站制作
  • 和平手机网站建设推广优化方案
  • 巩义便宜网站建设需要推广的app在哪里找
  • 东营网站建设东营市南一路东营软件园英360网站排名优化
  • 北京网站建设知名公司排名网站运营包括哪些内容
  • 域名网站计划怎么写即刻搜索引擎入口
  • 做网站需要合同吗网络引流怎么做啊?
  • 做电脑系统那个网站好点营销型网站建设案例
  • 网站建设带主机长沙网站seo
  • 7块钱建购物网站淘宝seo搜索排名优化
  • 学什么可以先做网站友情链接有哪些展现形式
  • 三大门户网站是什么代做百度首页排名
  • 北京网站建设公司官网短信广告投放
  • 网站只用css做tab切换互联网培训
  • 企业网站建设hnktwl泉州百度关键词排名
  • Myeclipse怎么做网站活动推广宣传方案
  • 余姚什么网站做装修比较好网页版百度
  • 网站建设策划书范文案例数据分析培训机构哪家好
  • 建设银行龙卡网站google推广有效果吗
  • 网站百度百科怎么做会计培训机构排名
  • 公司做网站的费用的会计分录苏州疫情最新通知
  • 基于Java EE的电子商务网站建设站长友情链接平台
  • bs网站做映射seo外链专员工作要求
  • 上海建设工程咨询协会seo快速推广