工作中发现很多前端同事都不怎么注意package.json的配置，今天就记录一下配置，弄懂配置以后还是会对自己有帮助的//生成package.json文件夹npm init --yes{"name": "webapp_project", //包名字"version": "1.0.0", //包版本"description": "A Vue.js project", //描述信息"author":

//获取json的属性名let arring = {age:'23',name:'fant',id:2121}for(var k in arring){console.log('属性名',k) //属性名console.log('属性值',arring[k]) //属性值}//控制台打印属性名 age属性值 23属性名 ...

备注:我这里用的vue3//请求一const one = async() => {let params = {}const res = await $http(params)return res}//请求二const two = async() => {let params = {}const res = await $http(params)return res}//promise.

import { useRouter } from 'vue-router';export default {setup() {const $router = useRouter();//点击方法const urlClick= () => {$router.push({ path:'你的路径'})}return{//方法需要return出去urlClick

业务中经常会碰见同一方法需要多次调用,这时候如果每次都写一遍就显得代码不够优雅了,所以封装公共方法是非常有必要的。1.在vue项目中src/untils/ 创建ts文件 例：common.ts。2.在main.ts 引用 然后设置成vue的全局变量。这里我们就封装好了示例公共方法,接着我们如何显示调用。3.common.ts写一个实例。

import { reactive,toRefs,computed,watch } from 'vue';import { useStore } from 'vuex';export default {setup(){//定义vuex方法const store = useStore();//初始化 相当于vue2的dataconst state = reactive({//使用计算属性动态拿到vu

deep:true 开启深度监听immediate:true 开启直接监听watch(() => state.topDate,(newVal,oldVal)=>{console.log(newVal,'新')console.log(oldVal,'旧')},{ deep: true,immediate:true })

vue3项目中控制台报了这个错误原因:在router文件里面没有定义historyimport { createRouter } from 'vue-router';const router = createRouter({routes,});改为import { createRouter , createWebHashHistory } from 'vue-router';const route

场景复现:把vue项目改名了以后重新运行项目,报错Error: Cannot find module ‘cross-spawn’解决方法:删除node_modules包,重新npm install

vue2