02 2024 档案

2.29
摘要：今天补个蛋 阅读全文
posted @ 2024-02-29 15:29 混沌武士丞 阅读(14) 评论(0) 推荐(0)
2.5
摘要：.sync 修饰符 当一个子组件改变了一个 prop 的值时，这个变化也会同步到父组件中所绑定。 .sync 它会被扩展为一个自动更新父组件属性的 v-on 监听器。 <!-- 父组件 --> <template> <view> <syncA :title.sync="title"></syncA> 阅读全文
posted @ 2024-02-23 23:29 混沌武士丞 阅读(29) 评论(0) 推荐(0)
2.4
摘要：将原生事件绑定到组件 你可能有很多次想要在一个组件的根元素上直接监听一个原生事件。 这时，你可以使用 @事件的 .native 修饰符： 注意：在app、小程序端和h5端表现不一致，h5端获取到的是浏览器原生事件。 <template> <view> <!-- 我是父组件 --> <componen 阅读全文
posted @ 2024-02-23 23:29 混沌武士丞 阅读(37) 评论(0) 推荐(0)
2.3
摘要：子组件ref 尽管存在 prop 和事件，有的时候你仍可能需要在 JavaScript 里直接访问一个子组件。 访问子组件实例或子元素，通过 ref 为子组件赋予一个 ID 引用，在vue的js中可通过this.$refs.XXX来获取到组件对象。 <base-input ref="username 阅读全文
posted @ 2024-02-23 23:29 混沌武士丞 阅读(22) 评论(0) 推荐(0)
2.2
摘要：ref 被用来给元素或子组件注册引用信息，引用信息将会注册在父组件的 $refs 对象上。 如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例： <!-- 非H5端不支持通过this.$refs.content来获取view实例 --> <view 阅读全文
posted @ 2024-02-23 23:28 混沌武士丞 阅读(26) 评论(0) 推荐(0)
2.1
摘要：单向数据流 所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定：父级 prop 的更新会向下流动到子组件中，但是反过来则不行。这样会防止从子组件意外变更父级组件的状态，从而导致你的应用的数据流向难以理解。 每次父级组件发生变更时，子组件中所有的 prop 都将会刷新为最新的值。这意 阅读全文
posted @ 2024-02-23 23:28 混沌武士丞 阅读(33) 评论(0) 推荐(0)
1.31
摘要：传递静态或动态 Prop 可以像这样给 prop 传入一个静态的值： <blog-post title="My journey with Vue"></blog-post> 复制代码 可以通过 v-bind 动态赋值 <!-- 动态赋予一个变量的值 --> <blog-post v-bind:tit 阅读全文
posted @ 2024-02-23 23:28 混沌武士丞 阅读(18) 评论(0) 推荐(0)
1.30
摘要：props props 可以是数组或对象，用于接收来自父组件的数据。props 可以是简单的数组，或者使用对象作为替代，对象允许配置高级选项，如类型检测、自定义验证和设置默认值。 选项类型说明 type String 、 Number 、 Boolean 、 Array 、 Object 、 Dat 阅读全文
posted @ 2024-02-23 23:27 混沌武士丞 阅读(21) 评论(0) 推荐(0)
1.29
摘要：全局注册 uni-app 支持配置全局组件，需在 main.js 里进行全局注册，注册后就可在所有页面里使用该组件。 注意 Vue.component 的第一个参数必须是静态的字符串。 nvue 页面暂不支持全局组件。 main.js 里进行全局导入和注册 import Vue from 'vue' 阅读全文
posted @ 2024-02-23 23:27 混沌武士丞 阅读(10) 评论(0) 推荐(0)
1.28
摘要：全局注册 uni-app 支持配置全局组件，需在 main.js 里进行全局注册，注册后就可在所有页面里使用该组件。 注意 Vue.component 的第一个参数必须是静态的字符串。 nvue 页面暂不支持全局组件。 main.js 里进行全局导入和注册 import Vue from 'vue' 阅读全文
posted @ 2024-02-23 23:26 混沌武士丞 阅读(14) 评论(0) 推荐(0)
1.27
摘要：在注册一个组件的时候，我们始终需要给它一个名字。 定义组件名的方式有两种： 使用 kebab-case当使用 kebab-case (短横线分隔命名) 定义一个组件时，你也必须在引用这个自定义元素时使用 kebab-case，例如 <my-component-name>。 使用 PascalCase 阅读全文
posted @ 2024-02-23 23:26 混沌武士丞 阅读(29) 评论(0) 推荐(0)
1.24
摘要：data 属性 data 必须声明为返回一个初始数据对象的函数（注意函数内返回的数据对象不要直接引用函数外的对象）；否则页面关闭时，数据不会自动销毁，再次打开该页面时，会显示上次数据。 //正确用法，使用函数返回对象 data() { return { title: 'Hello' } } //错误 阅读全文
posted @ 2024-02-23 23:25 混沌武士丞 阅读(14) 评论(0) 推荐(0)
1.23
摘要：v-html更新元素的 innerHTML 。 注意：内容按普通 HTML 插入 - 不会作为 Vue 模板进行编译。如果试图使用 v-html 组合模板，可以重新考虑是否通过使用组件来替代。App端和H5端支持 v-html ，微信小程序会被转为 rich-text，其他端不支持 v-html 。 阅读全文
posted @ 2024-02-23 23:25 混沌武士丞 阅读(9) 评论(0) 推荐(0)
1.22
摘要：v-once只渲染元素和组件一次。随后的重新渲染，元素/组件及其所有的子节点将被视为静态内容并跳过。 和前端框架中的理解不同，客户端里要实现复用的逻辑，会标记模板节点的状态，添加了 v-once 能保证节点只渲染一次，但是并不一定能优化渲染性能，反而可能会拖慢客户端复用节点时的比对效率。 h5、微信 阅读全文
posted @ 2024-02-23 23:25 混沌武士丞 阅读(12) 评论(0) 推荐(0)
1.21
摘要：v-bind动态地绑定一个或多个属性，或一个组件 prop 到表达式。 v-bind缩写为‘ : ’在绑定 prop 时，prop 必须在子组件中声明。可以用修饰符指定不同的绑定类型。 <image v-bind:src="imgUrl"></image> <!-- 缩写 --> <image :s 阅读全文
posted @ 2024-02-23 23:25 混沌武士丞 阅读(12) 评论(0) 推荐(0)
1.20
摘要：使用 JavaScript 表达式迄今为止，在我们的模板中，我们一直都只绑定简单的 property 键值。但实际上，对于所有的数据绑定，Vue.js 都提供了完全的 JavaScript 表达式支持。 <template> <view> <view>{{ number + 1 }}</view> 阅读全文
posted @ 2024-02-23 23:24 混沌武士丞 阅读(10) 评论(0) 推荐(0)
1.19
摘要：js的变化以前的 DOM 操作，如果你想改变某个 DOM 元素的显示内容，比如一个view的显示文字：给view设id，然后js里通过选择器获取 DOM 元素，进一步通过js进行赋值操作，修改 DOM 元素的属性或值。 <html> <head> <script type="text/javascr 阅读全文
posted @ 2024-02-23 23:23 混沌武士丞 阅读(15) 评论(0) 推荐(0)
1.18
摘要：组件/标签的变化 以前是html标签，比如 <div> ，现在是小程序组件，比如 <view> 。 那么标签和组件有什么区别，不都是用尖括号包围起来一段英文吗？ 其实标签是老的概念，标签属于浏览器内置的东西。 但组件，是可以自由扩展的。类似你可以把一段js封装成函数或模块，你也可以把一个ui控件封装 阅读全文
posted @ 2024-02-23 23:23 混沌武士丞 阅读(15) 评论(0) 推荐(0)
1.17
摘要：外部文件引用方式变化以前通过script src、link href引入外部的js和css； <script src="js/jquery-1.10.2.js" type="text/javascript"></script> <link href="css/bootstrap.css" rel=" 阅读全文
posted @ 2024-02-23 23:23 混沌武士丞 阅读(15) 评论(0) 推荐(0)
1.16
摘要：文件内代码架构的变化 以前一个 html 大节点，里面有 script 和 style 节点； <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript"> 阅读全文
posted @ 2024-02-23 23:22 混沌武士丞 阅读(20) 评论(0) 推荐(0)
1.15
摘要：Vue.js 是什么 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。Vue 被设计为可以自底向上逐层应用。 Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HT 阅读全文
posted @ 2024-02-23 23:21 混沌武士丞 阅读(10) 评论(0) 推荐(0)