Vue3.0从入门到放弃
vue3.0学习
weixin_45842460
这个作者很懒,什么都没留下…
展开
-
vue 行内样式 px 单位 转换为 vw
vue2vue2安装 插件 npm i。原创 2023-03-09 13:56:27 · 1175 阅读 · 0 评论 -
postcss-px-to-viewport 在vite vue3 ts 项目中的坑点
postcss-px-to-viewport原创 2022-09-15 11:59:44 · 570 阅读 · 0 评论 -
单位适配 px转换rem
单位适配 px转换rem原创 2022-09-08 16:42:30 · 139 阅读 · 0 评论 -
Vue单位转换 px转换vw
本文介绍一款移动端 / PC端非常不错的适配解决方案:postcss-px-to-viewport【访问官网】在此之前为解决适配问题“普遍”会给html根节点设置font-size作为根字体计算单位值,适兼容多端配问题。开发者需要实时换算单位、还需要精确到六七位小数点。这样的解决方案在现在看来似乎不是最简洁高效的方案。希望有这样一种方案......首先、不论转换是否方便,我就是不想在开发代码的时候换算这些单位,更不想去操心什么转换系数(根节点单位) 我会考虑某些属性不需要转换为REM、V..原创 2022-05-11 14:30:53 · 698 阅读 · 0 评论 -
Vue3.0 监听reactive所定义的一个响应式数据
<template> <div> <h3>name:{{ person.name }}</h3> <h3>age:{{ person.age }}</h3> <h3>薪资:{{ person.job.j1.salary }}K</h3> <button @click="Modify">修改</button> <button style="m原创 2021-08-26 22:47:13 · 662 阅读 · 1 评论 -
Vue3.0 watchEffect
<template> <div> <h3>name:{{ person.name }}</h3> <h3>age:{{ person.age }}</h3> <button @click="add2">涨年龄</button> </div></template><script>import { reactive, watchEffect .原创 2021-09-11 23:03:21 · 102 阅读 · 0 评论 -
Vue3.0 watch监听ref定义的响应式数据变化
<template> <div> <h3>num1:{{ num1 }}</h3> <h3>num2:{{ num2 }}</h3> <button @click="add">加</button> </div></template><script>import { ref, computed, watch } from "vue";exp原创 2021-08-24 23:00:46 · 1876 阅读 · 0 评论 -
Vue3.0 计算属性computed用法
<template> <div> <h3>{{ person.fullname }}</h3> </div></template><script>import { reactive, computed } from "vue";export default { setup() { let person = reactive({ name: "李四", age: 18原创 2021-08-24 22:38:44 · 568 阅读 · 0 评论 -
Vue3 父子组件之间传值用法
父传子父组件<template> <demo :name="goodname" :person="personList" /></template><script>import { ref, reactive } from "vue";import demo from "./components/demo.vue";export default { components: { demo, }, setup(props原创 2021-08-24 22:18:39 · 564 阅读 · 0 评论 -
Vue3.0 reactive对比ref
原创 2021-08-18 22:14:36 · 67 阅读 · 0 评论 -
Vue3.0 reactive 函数
<style lang='scss' scoped></style><template> <div> <h3>年龄:{{ obj.name }}</h3> <h3>年龄:{{ obj.age }}</h3> <h3>{{ person }}</h3> <button @click="changeInfo">修改</button>原创 2021-08-18 21:53:24 · 93 阅读 · 0 评论 -
Vue3中的 ref函数
<style lang='scss' scoped></style><template> <div> <div>姓名:{{ name }}</div> <div>年龄:{{ age }}</div> <button @click="changeInfo">修改</button> </div></template><scr原创 2021-08-10 22:53:21 · 216 阅读 · 0 评论 -
vue-cli3的eslint配置问题
vue-cli3的eslint配置问题捞兴82018.08.22 14:39:57字数 273阅读 130,039vue-cli3按照官网教程配置搭建后,发现每次编译,eslint都抛出错误error: Expected indentation of 4 spaces but found 0 (indent) at src\views\User.vue:26:1:1 error found.1 error potentially fixable with the `--fix` opt原创 2021-08-09 23:06:05 · 268 阅读 · 0 评论 -
拉开序幕的setup
setup 是所有 Composition API ( 组合API) “ 表演舞台”组件中所有用到的:数据, 方法等等,均要配置在setup中 (data, methos…)原创 2021-08-09 21:57:51 · 83 阅读 · 0 评论 -
Vue3.0起步坑点
解决vue3.0运行出现Error: Cannot find module ‘vue-loader-v16/package.json’https://www.pianshen.com/article/24612041541/https://www.jianshu.com/p/3a62a5dda073npm i --save-dev vue-loader-v16cnpm i vue-loader-v16cnpm i --save-dev vue-loader-v16...原创 2020-11-12 14:44:05 · 141 阅读 · 0 评论