Vue
shiki0083
这个作者很懒,什么都没留下…
展开
-
Vue3 warn
Vue received a Component which was made a reactive object. This can lead to unnecessary performance overhead, and should be avoided by marking the component with `markRaw` or using `shallowRef` instead of `ref`. Component that was made reactive:原创 2021-05-27 20:26:55 · 903 阅读 · 0 评论 -
Vue3 v-mode 非兼容性修改
备忘就变化内容而言,此部分属于高阶内容:非兼容:用于自定义组件时,v-modelprop 和事件默认名称已更改: prop:value->modelValue; event:input->update:modelValue; 非兼容:v-bind的.sync修饰符和组件的model选项已移除,可用v-model作为代替; 新增:现在可以在同一个组件上使用多个v-model进行双向绑定; 新增:现在可以自定义v-model修饰符。<...原创 2021-05-25 19:41:06 · 187 阅读 · 0 评论 -
@vue/cli 4.0 以上 创建新项目时出现的问题记录
Error:Vue packages version mismatch:vue@2.5.17 (/Users/vincentdupont/node_modules/vue/dist/vue.runtime.common.js) vue-template-compiler@2.6.10 (/Users/vincentdupont/.nvm/versions/node/v8.9.0/lib/...原创 2019-12-16 16:22:37 · 613 阅读 · 0 评论 -
VUE build的时候app css CssSyntaxError错误
跑npm run build时,运行node脚本压缩css时报错,所以这是css的问题去找就可以了。(node:3172) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function...原创 2019-08-06 16:06:03 · 786 阅读 · 0 评论 -
watch Vuex
如监听this.$store.state.app.language的值,注意写在method外面 watch: { '$store.state.app.language': function () { //你需要执行的代码 } },转载 2019-07-10 14:02:41 · 132 阅读 · 0 评论 -
vue父子组件props传值,如何在子组件method里拿到父组件数据
子组件挂载的时候,props传值,数据挂载命名:用驼峰命名法命名,在子组件在methods里才可以通过this.xx获取。注意命名要规范。 父组件通过props传值给子组件,子组件在methods里要拿到父组件传递过来的数据有2种情况:第一种:父组件传递的参数是固定的,data里面定义的参数,这时候在子组件通过this.xxx就可以获取到,但是要注意命名方式,如下:父组件里:子...转载 2018-11-28 13:33:56 · 8721 阅读 · 1 评论 -
prop 注意事项
vue 子组件属性的传值The data property "navIndex" is already declared as a prop. Use prop default value instead.这句话是什么意思啊? prop代表父组件向子组件发送的数据,是不能在子组件的data中重复定义的export default { name: 'AddModal...转载 2018-11-07 10:31:05 · 928 阅读 · 0 评论 -
Vue笔记——v-model在其他元素及类型上的用法
1<input v-model.trim="name" type="text" /> {{name}} --去掉前后的空格2<input v-model.number="price" type="text" />{{price}} --自动转换数字类型3<input v-model.lazy="price" type="text&原创 2018-04-24 13:21:49 · 2524 阅读 · 0 评论 -
Vue笔记——v-for用于迭代
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &a原创 2018-04-24 13:22:59 · 1190 阅读 · 0 评论 -
Vue笔记——v-bind用于绑定数据或元素属性
HTML<head> <style> .active { background: #a10; } </style></head><body> <div id="app"> <a v-bind:class="{active原创 2018-04-24 13:22:37 · 1548 阅读 · 0 评论 -
Vue笔记——v-on用于绑定事件
<body> <div id="app"> //事件名称:方法 v-on:事件=“方法” <button v-on="{mouseenter: onEnter, mouseleave: onOut}" @click="onClick">点我</button> <form @keyup.ent原创 2018-04-24 13:22:44 · 335 阅读 · 0 评论 -
搭建一个VUE项目
搭建环境搭建node环境下载1.进入node.js官方网站下载页,点击下图中框出位置,进行下载即可,当前版本为8.9.4,下载网址为:https://nodejs.org/zh-cn/download/2.至于什么是LTS,请参考该知乎问题:https://www.zhihu.com/question/35512237,总之LTS意味着更加稳定,因此此处选择安装该版本,具体请依照自身需求。安装1....转载 2018-05-27 13:09:30 · 177 阅读 · 0 评论 -
Vue 2.0的学习笔记:在Vue中使用样式
到目前为止,学习Vue的时候也写了相当的示例,但老实说,这些示例在视觉上并没有什么吸引人的地方。今天我们将学习如何将样式运用到我们的元素中,让事情变得更加有趣。首先我们将通过将内联样式添加到HTML的元素中,其实也就是我们以前所说的内联样式。其实在学习v-bind的时候,我们已经或多或少的接触了,如何给元素添加内联样式或者绑定类名添加样式。但这可能不够系统,为了更好的学习这方面的知识,这篇文章专门...转载 2018-05-27 21:58:42 · 6298 阅读 · 0 评论 -
vue中 关于$emit的用法
1、父组件可以使用 props 把数据传给子组件。2、子组件可以使用 $emit 触发父组件的自定义事件。vm.$emit( event, arg ) //触发当前实例上的事件vm.$on( event, fn );//监听event事件后运行 fn; 例如:子组件:[plain] view plain copy<template> <div class="train-ci...转载 2018-04-23 20:19:12 · 13047 阅读 · 1 评论