上一页 1 ··· 5 6 7 8 9 10 11 12 13 ··· 27 下一页
摘要: 传递静态或动态 Prop 可以像这样给 prop 传入一个静态的值: <blog-post title="My journey with Vue"></blog-post> 复制代码 可以通过 v-bind 动态赋值 <!-- 动态赋予一个变量的值 --> <blog-post v-bind:tit 阅读全文
posted @ 2024-02-23 23:28 混沌武士丞 阅读(2) 评论(0) 推荐(0) 编辑
摘要: props props 可以是数组或对象,用于接收来自父组件的数据。props 可以是简单的数组,或者使用对象作为替代,对象允许配置高级选项,如类型检测、自定义验证和设置默认值。 选项类型说明 type String 、 Number 、 Boolean 、 Array 、 Object 、 Dat 阅读全文
posted @ 2024-02-23 23:27 混沌武士丞 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 全局注册 uni-app 支持配置全局组件,需在 main.js 里进行全局注册,注册后就可在所有页面里使用该组件。 注意 Vue.component 的第一个参数必须是静态的字符串。 nvue 页面暂不支持全局组件。 main.js 里进行全局导入和注册 import Vue from 'vue' 阅读全文
posted @ 2024-02-23 23:27 混沌武士丞 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 全局注册 uni-app 支持配置全局组件,需在 main.js 里进行全局注册,注册后就可在所有页面里使用该组件。 注意 Vue.component 的第一个参数必须是静态的字符串。 nvue 页面暂不支持全局组件。 main.js 里进行全局导入和注册 import Vue from 'vue' 阅读全文
posted @ 2024-02-23 23:26 混沌武士丞 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 在注册一个组件的时候,我们始终需要给它一个名字。 定义组件名的方式有两种: 使用 kebab-case当使用 kebab-case (短横线分隔命名) 定义一个组件时,你也必须在引用这个自定义元素时使用 kebab-case,例如 <my-component-name>。 使用 PascalCase 阅读全文
posted @ 2024-02-23 23:26 混沌武士丞 阅读(2) 评论(0) 推荐(0) 编辑
摘要: data 属性 data 必须声明为返回一个初始数据对象的函数(注意函数内返回的数据对象不要直接引用函数外的对象);否则页面关闭时,数据不会自动销毁,再次打开该页面时,会显示上次数据。 //正确用法,使用函数返回对象 data() { return { title: 'Hello' } } //错误 阅读全文
posted @ 2024-02-23 23:25 混沌武士丞 阅读(2) 评论(0) 推荐(0) 编辑
摘要: v-html更新元素的 innerHTML 。 注意:内容按普通 HTML 插入 - 不会作为 Vue 模板进行编译。如果试图使用 v-html 组合模板,可以重新考虑是否通过使用组件来替代。App端和H5端支持 v-html ,微信小程序会被转为 rich-text,其他端不支持 v-html 。 阅读全文
posted @ 2024-02-23 23:25 混沌武士丞 阅读(2) 评论(0) 推荐(0) 编辑
摘要: v-once只渲染元素和组件一次。随后的重新渲染,元素/组件及其所有的子节点将被视为静态内容并跳过。 和前端框架中的理解不同,客户端里要实现复用的逻辑,会标记模板节点的状态,添加了 v-once 能保证节点只渲染一次,但是并不一定能优化渲染性能,反而可能会拖慢客户端复用节点时的比对效率。 h5、微信 阅读全文
posted @ 2024-02-23 23:25 混沌武士丞 阅读(1) 评论(0) 推荐(0) 编辑
摘要: v-bind动态地绑定一个或多个属性,或一个组件 prop 到表达式。 v-bind缩写为‘ : ’在绑定 prop 时,prop 必须在子组件中声明。可以用修饰符指定不同的绑定类型。 <image v-bind:src="imgUrl"></image> <!-- 缩写 --> <image :s 阅读全文
posted @ 2024-02-23 23:25 混沌武士丞 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 使用 JavaScript 表达式迄今为止,在我们的模板中,我们一直都只绑定简单的 property 键值。但实际上,对于所有的数据绑定,Vue.js 都提供了完全的 JavaScript 表达式支持。 <template> <view> <view>{{ number + 1 }}</view> 阅读全文
posted @ 2024-02-23 23:24 混沌武士丞 阅读(3) 评论(0) 推荐(0) 编辑
上一页 1 ··· 5 6 7 8 9 10 11 12 13 ··· 27 下一页