随笔分类 - vue.js
摘要：yarn安装的说明： 上面图中ant-design-vue的安装，npm安装的是1.4，但是yarn安装的是1.78版本。 如果要2种方法效果一样，可以吧^去掉
阅读全文
摘要：由于同时有vue2和vue3的项目开发情况，vue2项目的nodejs版本是12，vue3项目在node12版本下运行不了，要求最低14版本，因此要用nvm同时安装和控制2个版本。 安装步骤： 1、卸载已经安装的nodejs版本 2、安装nvm软件，下载地址：https://github.com/c
阅读全文
摘要：在vue3种setup的写法，可以单独写setup()也可以写到script标签中，当然我们推荐后面这种 他的好处有很多，代码也简洁很多。 1、属性和方法无需return，可直接使用 /*原先*/ <script> import { defineComponent } from "vue" expo
阅读全文
摘要：一、常用插件介绍 1、插件Vue 3 Snippets 作用：用于vue3的智能代码提示，语法高亮、智能感知、Emmet等。替代Vetur插件，Vetur在vue2时期比较流行。 常用命令：vueinit、v3等 2、插件Volar 作用：语法高亮、智能感知、Emmet等 3、插件ESLint 作用
阅读全文
摘要：vue3种对象类型的响应式用reactive实现。 但是reactive对象在赋值后，因为变量代理函数变了，就失去了响应式功能了。示例如下： <template> <div> <div >{{ data.name}}</div> <div >{{ data.age}}</div> <button @
阅读全文
摘要：1、ant design 下拉框组件--单选 <span style="font-size: 14px;">污水厂</span> <a-select :defaultValue="factorySelectedValue" v-model="factorySelectedValue" style="
阅读全文
摘要：组件封装注意事项： 1、props：属性。是父容器给子组件参数传递的桥梁 2、this.$emit：事件。子组件通知父容器事件发生，并给父容器传递数据和参数 3、子组件中经常要用watch监控数据变化 思考题：如果父容器要调用子组件的方法实现一些操作，怎么办？让父容器直接调用方法吗？ (父组件中re
阅读全文
摘要：1、setup setup是vue3定义的代码实现舞台。需要在模板中使用的变量和方法，需要return。 setup执行顺序在beforeCreat，并且在setup中this为undefined setUp(props, contex)接受两个参数 props：值为对象，包含：组件外部传递过来，且
阅读全文
摘要：1、解决dom内模板限制 有些 HTML 元素，诸如 <ul>、<ol>、<table> 和 <select>，对于哪些元素可以出现在其内部是有严格限制的。而有些元素，诸如 <li>、<tr> 和 <option>，只能出现在其它某些特定的元素内部。 这会导致我们使用这些有约束条件的元素时遇到一些问
阅读全文
摘要：官方说明：如果不使用 key，Vue 会使用一种最大限度减少动态元素并且尽可能的尝试就地复用相同类型元素的算法。而使用 key 时，它会基于 key 的变化重新排列元素顺序，并且会移除 key 不存在的元素。有相同父元素的子元素必须有独特的 key。重复的 key 会造成渲染错误。 Vue 会尽可能
阅读全文
摘要：vue.js中文社区文档：ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例。 vue.js中文社区文档上的说明已经就比较通俗易懂了，其实我们可以这么理解，re
阅读全文
摘要：Vue插件，用于从Vue上下文中使用本地Storage，会话Storage和内存Storage 1. 安装 NPM npm install vue-ls --save YARN yarn add vue-ls 2. 使用 import Storage from 'vue-ls'; options =
阅读全文
摘要：正常：变量值的改变，会体现到标签上。 增加绑定：输入标签值的变化，也会体现到变量上。 双向数据绑定：变量和标签的双向绑定。互相影响。 竖向绑定v-model常用组件：输入框、单选框、复选框、下拉框等 文本 <input v-model="message" placeholder="edit me">
阅读全文
摘要：v-if vs v-show区别v-if：每次显示与否，都会执行销毁和重建，渲染开销较大v-show：始终会被渲染并保留在DOM中。只是简单地切换display属性。频繁切换的时候用v-if,较少切换用v-if 注意：不推荐同时使用 v-if 和 v-for <ul id="example-1">
阅读全文
摘要：数据绑定 文本绑定：<div>{{value}}</div>属性绑定：v-bind:title="value" 简写 :title="value"双向绑定：<input v-model="value">style绑定： 样式名不用单引号，变量不用单引号，单位要单引号 1、对象语法：<div :sty
阅读全文
浙公网安备 33010602011771号