valentinelzt的博客

如果小伙伴们最近有admin开发的需求，可以试一下这个admin。

Ref语法ref是一个函数，接受一个参数(一般传入原始类型)，返回一个响应式对象<template> <div id="nav"> <p>{{count}}</p> <button @click="increase">click</button> </div> <router-view /></template><script lang="ts">

加入url为https://www.aaa.com/aaa?code=xxx安装qs模块npm i qshash模式import Qs from 'qs'const query = Qs.parse(location.hash.substring(3))hostory模式import Qs from 'qs'const query = Qs.parse(location.search.substring(1))

修改data中的数组，数组发生改变，页面未发生改变可通过$set方法来设置数组的值，该方法有三个参数，第一个是要被设置值的目标对象，第二个是设置值在数组中的索引，第三个是要设置的值<template> <div class="home"> <ul> <li v-for="(item, index) in demoArr" :key="index"> {{item}} </li

加载渲染过程父beforeCreate()->created()->beforeMounted()->子beforeCreate()->created()->beforeMounted()->mounted()->父mounted()更新过程父beforeUpdate()->子beforeUpdate()->updated()->父updated()销毁过程父beforeDestroy()->子beforeDestro

安装 eslint 和 vetur 插件在setting.json中输入如下代码// 添加进你的vscode的 setting.json"eslint.autoFixOnSave": true,"eslint.validate": [ "javascript",{ "language": "vue", "autoFix": true },"html", "vue"],...

在vue.config.js中写入如下代码module.exports = { devServer: { proxy: { '/api': { target: 'http://v.juhe.cn/toutiao/', ws: true, changeOrigin: true, pathRewrite: { '^/api': '' } } } }}tar

在vue项目根目录下新建一个文件.prettierrc在文件中输入如下代码，并保存{ "semi": false, "singleQuote": true, "htmlWhitespaceSensitivity": "ignore"}在.eslintrs.js中的rules对象下，新增如下代码'space-before-function-paren': 0...

通过import导入import Demo1 from '@/views/demo1.vue'异步加载const Demo1 = () => import('@/views/demo1.vue')

具体代码如下<template> <div> <h1>条件判断</h1> <!-- isshowm 当if条件判断为false时，删除该元素 --> <div v-if="isShow">isshow为true才能显示</div> <div v-else-if="isE...

具体代码如下<template> <div class="home"> <!-- 绑定一个class --> <div :class="bgc">绑定class</div> <!-- 绑定多个class --> <div :class="[classB, classC]"&gt...

对象绑定head中代码<script src="./vue.js"></script> <style> span{ display: block; width: 100px; height: 100px; background-colo...

关于兄弟组件之间的传值，我这里是通过vue-bus实现的安装vue-busnpm install vue-bus在入口文件（main.js）进行全局注册import VueBus from 'vue-bus'Vue.use(VueBus)传递数据定义一个触发事件（allLink），传递参数“/link”allLink () { this.$bus.emit('link'...