随笔分类 - vue
自学笔记
摘要:如图,项目代码未动,突然代码报错,运行没问题不受影响 经排查,插件Vue-Official版本问题 ,问题版本v2.1.6 解决版本,安装其他版本 ,v1.8.27
阅读全文
摘要:// 页面外层style .mPage width: 100% height: 100% font-size: 28rpx background-color: #f7f7f7 /* 水平排列 */ .x-row display: flex flex-direction: row align-item
阅读全文
摘要:<template> <view> </view> </template> <script setup> // 引入生命周期, import {onLoad,onReady,onShareAppMessage,onShow} from "@dcloudio/uni-app"; // 引入计算属性 i
阅读全文
摘要:一个对象数据 data() { return { author: { name: 'John Doe', books: [ 'Vue 2 - Advanced Guide', 'Vue 3 - Basic Guide', 'Vue 4 - The Mystery' ] } } } 实现根据对象的bo
阅读全文
摘要:一个工具类js文件:util.js function formatTime(time) { return time;//这里没写逻辑 } module.exports = { formatTime: formatTime } 在page里面的引用 <script> var util = requir
阅读全文
摘要:用于组件 props: ['title', 'likes', 'isPublished', 'commentIds', 'author'] 说明这个组件有'title', 'likes', 'isPublished', 'commentIds', 'author'这几个attribute 以下说明组
阅读全文
摘要:最简单的点击事件 <div id="example-1"> <button v-on:click="counter += 1">Add 1</button> <p>The button above has been clicked {{ counter }} times.</p> </div> va
阅读全文
摘要:<ul id="example-1"> <li v-for="item in items"> {{ item.message }} </li> </ul> var example1 = new Vue({ el: '#example-1', data: { items: [ { message: '
阅读全文
摘要:v-if 最基本的条件渲染 <h1 v-if="awesome">Vue is awesome!</h1> if-else的渲染 <h1 v-if="awesome">Vue is awesome!</h1> <h1 v-else>Oh no 😢</h1> 注:v-else 元素必须紧跟在带 v-
阅读全文
摘要:v-bind <!-- 完整语法 --> <a v-bind:href="url">...</a> <!-- 缩写 --> <a :href="url">...</a> v-on <!-- 完整语法 --> <a v-on:click="doSomething">...</a> <!-- 缩写 --
阅读全文
摘要:v-once 只渲染元素和组件一次。随后的重新渲染,元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能。 v-html 内容按普通 HTML 插入 - 不会作为 Vue 模板进行编译 双大括号会将数据解释为普通文本,而非 HTML 代码。为了输出真正的 HTML,你需要使用 v
阅读全文
摘要:beforeCreate 在实例初始化之后,数据观测 (data observer) 和 event/watcher 事件配置之前被调用。 created 在实例创建完成后被立即调用。在这一步,实例已完成以下的配置:数据观测 (data observer),属性和方法的运算,watch/event
阅读全文