1.Vue实例常用属性 (1)数据 data:Vue 实例的数据对象 components:Vue实例配置局部注册组件 (2)类方法computed:计算属性 watch:侦听属性 filters:过滤器 methods:Vue实例方法 render:渲染函数,创建虚拟DOM (3)生命周期created:在实例创建完成后被立即调用,完成初始化操作mounted:el挂载到Vue实例上了,开始业务逻辑操作beforeDestroy:实例销毁之前调用 2.Vue组件 props:用于接收来自父组件…

1. data:数据属性 在之前的学习中我们已经了解到了data,属性中存放的就是js变量 <script> new Vue({ el: '#app', // data data: { username:'', }, }) </script> 2. methods:方法属性 存放组件中的自定义方法 <script> new Vue({ el: '#app', data: { username:'', }, // 方法 methods: { handler() { axi…

关键词:filters  | 自定义过滤器 (首字母大写) <p>{{ msg | capitalize }}</p> filters: { capitalize: function (value) { if (!value) return '' value = value.toString() return value.charAt(0).toUpperCase() + value.slice(1) } } 关键词:methods函数方法 关键词:computed计算属性(实现字…

props:详看 示例-网格组件. props 可以是数组或对象,用于接收来自父组件的数据.props 可以是简单的数组,或者使用对象作为替代,对象允许配置高级选项,如类型检测.自定义校验和设置默认值. //模版: <demo-grid :data="gridData" // @data 对应props, @gridData 对应 父组件的 data里的值. :columns="gridColumns" :filter-key="searchQuer…

学习vue我们必须之到它的7个属性,8个 方法,以及7个指令.787原则 el属性 用来指示vue编译器从什么地方开始解析 vue的语法,可以说是一个占位符. data属性 用来组织从view中抽象出来的属性,可以说将视图的数据抽象出来存放在data中. template属性 用来设置模板,会替换页面元素,包括占位符. methods属性 放置页面中的业务逻辑,js方法一般都放置在methods中 render属性 创建真正的Virtual Dom computed属性 用来计算 watch属性…

1,Vue常用语法 vue常用语法之变量的定义 // 1,变量相关 // 变量的提升 var username = "雪雪"; var username ; console.log(username); var username = "小雪"; let username; console.log(username); let username = "雪人"; // 写一个if 判断的语句,var变量:只有全局作用域和函数作用域 // let 有全…

v-model修饰符 <template> <div id="demo14"> <p>-----------------模板语法之修饰符----------------</p> <!-- .prevent 修饰符告诉 v-on 指令对于触发的事件调用 event.preventDefault(),取消事件的默认动作. --> <form v-on:submit.prevent="onSubmit"&g…

2 Vue常用指令 1. vue的使用要从创建Vue对象开始 var vm = new Vue(); 2. 创建vue对象的时候,需要传递参数,是json对象,json对象对象必须至少有两个属性成员 var vm = new Vue({ el:"#app", data: { 数据变量:"变量值", 数据变量:"变量值", 数据变量:"变量值", }, }); el:设置vue可以操作的html内容范围,值一般就是css的id选…

Vue常用性能优化 Vue常用的一些优化方式,主要是在构建项目过程需要注意的方面. 编码优化 避免响应所有数据 不要将所有的数据都放到data中,data中的数据都会增加getter和setter,并且会收集watcher,这样还占内存,不需要响应式的数据我们可以直接定义在实例上. <template> <view> </view> </template> <script> export default { components: {}, dat…

线性布局(LinearLayout)常用属性: android:orientation="vertical"--决定子类控件的排布方式(vertical垂直:horizontal水平) Android:garavity="center"--决定子类控件的xy的位置常用属性值: 1>center_vertical:垂直(y轴)居中 2>center_horizongtal:水平居中 3>center 居中 4>right 位于当前布局的右边 5…