核心特点
组件化 数据绑定 路由导航管理【页面切换跳转】 状态-共享数据 服务器化
原理–MVVM模式
view–viewmodel–model 视图模型—数据模型
网页页面—视图和数据之间连接桥梁【VUE】–数据【数据库或者文件】
vue的作用
监听变化和事件触发去进行数据双向关联
基本结构
创建vue的对象进行相关业务的统一处理
var vueapp=Vue.createApp({
vue处理的业务
});
需要将vue对象关联或者挂在到页服务器托管网面上
//挂载到页面标签
var vm=vueapp.mount(“关联的标签对应选择器(id)”);
vue如何去帮助我处理业务或者vue提供了哪些技术来帮助我们处理业务
data:方法用于定意思vue中的属性变量
computed:就散数据,数据变动处理
watch:监听属性,用于监控属性的变化,作出相应处理
method:方法/函数,用于管理所有的函数
component:组件的定义,自定义组件【自定模块页面】
template:模块,用于定义处理内容
data选择
解释:是一个函数,通过函数的返回值来进行数据获取,
返回值是一个对象,返回的对象中用户定义我们组件需要的属性变量
语法规范:
data(){
return{
定义你需要的变量属性
}
}
备注
定义属性的语法:
属性名:属性初始值
多个属性使用,逗号隔开
属性类型—js所支持的所有的类型
vue为了方便获取vue说对象中信息单独使用,自动将自己的模块信息打包成属性对象:$模块名字
获取data里面的属性
挂载过后返回的对象.$data.属性名
页面显示数据方式
显示数据
vue提供页面显示动态数据的语法
{{显示的内容}}
备注
显示内容分类
常量数据
vue变量数据
运算表达式
控制显示【指令】
vue指令
vue提供的一些v- 开头用数据绑定的特殊代码,主要用来是实现数据与页面的关联【封装原生DOM的操作过程】
vue提供的指令
v-model:数据模型的绑定,文本框信息与变量属性双向绑定
只对input标签信息有效
语法
v-bind:用户绑定其他除了in服务器托管网put的值以为的属性的动态的绑定
语法
控制数据的显示
v-if,v-else-if,v-else
注意
组合方式
v-if
v-if,v-esle
v-if,多个v-else-if
v-if,多个v-else-if,v-eles
使用方式
组合使用的标签之间必须连接
循环:v-for
语法:
事件处理:v-on
显示掩藏数据的指令:v-show
服务器托管,北京服务器托管,服务器租用 http://www.fwqtg.net
机房租用,北京机房租用,IDC机房托管, http://www.fwqtg.net
相关推荐: CSR格式如何更新? GES图计算引擎HyG揭秘之数据更新
摘要:HyG图计算引擎采用CSR格式来存储图的拓扑信息,CSR格式可以将稀疏矩阵的存储空间压缩,进而大大降低图的存储开销,同时具备访问效率高、格式易转化等优点。 本文分享自华为云社区《CSR格式如何更新? GES图计算引擎HyG揭秘之数据更新》,作者: π 。…