文采呱呱

摘要： app.js: <template> <div id="app"> <router-view></router-view> </div> </template> <style lang="less"> body, html { margin: 0; padding: 0; height: 100%; 阅读全文

摘要： position: absolute; top: 50%; left: 48.9%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); padding: 0 20px; max-width: 100%; 阅读全文

摘要： 用户点击了页面的路由链接，会导致hash值发生变化，路由监听到hash值的链接发生的变化，会把对应的组件渲染到当前的页面中 安装： 直接安装router的话会安装最新版的，最新版仅支持vue3,安装后报错的请检查一下自己的npm版本是否过高 npm i vue-router@3.5.2 -S ind 阅读全文

摘要： // 在方法的形参()之前，是否加上空格 "space-before-function-paren": ["warn", "never"], // 组件名字检测 "vue/multi-word-component-names": "off", // 关闭空格检测 "indent": 0 阅读全文

摘要： <p v-color="'red'">测试</p> <button @click="color = 'green'">改变 color 的颜色值</button> data() { return { color: 'blue' } }, // 私有自定义指令的节点 directives: { // 阅读全文

摘要： main: import Vue from 'vue' import App from './App.vue' // vant import Vant from 'vant'; import 'vant/lib/index.css'; import { NavBar,SubmitBar,Card,C 阅读全文

摘要： vue 官方规定：每一个 slot 插槽，都要有一个 name 名称 如果省略了 slot 的 name 属性，则有一个默认名称叫做 default 组件中使用：<slot name="default"> <h6>这是 default 插槽的后备内容</h6> </slot>省略后： <slot> 阅读全文

摘要： <template> <div class="app-container"> <h1>App 根组件</h1> <hr /> <button @click="comName = 'Left'">展示 Left</button> <button @click="comName = 'Right'">展 阅读全文

摘要： some： return true是固定写法，终止some循环 erver： filter： 优化写法：　arr.filter(item=>item.state).reduce((累加的结果,当前循环项)=>{},初始值)拿上面的arr优化写法示例：arr.filter(item=>item.sta 阅读全文

摘要： 在vue中不建议安装jquery 在vue中操控dom可以用ref方法 每一个ref对象中都包含一个$refs对象，组件的$refs对象都指向一个空对象 <button @click="clg" class="red">打印</button> methods: { clg(){ console.lo 阅读全文