首页 > 其他分享 >VUE3

VUE3

时间:2023-05-27 09:15:19浏览次数:51  
标签:npm VUE init vue VUE3 官网

https://github.com/moocstudent/vue-war

昨天通过vue官网建立了vue项目,逐渐看了下组合式/选项式 API的区别

虽然在前几个月里,通过做SH的伙计给的单子接触了VUE ANTD,但是实际
上对其原理未知(难道只能说跟前天面试的一样,问Jquery是跟JS都是对DOM
的操作吗)

显然VUE有很多有趣的地方。

image
就像上图这个百度的apollo测试亭一样,有趣且拍这张照片时刚刚建立。(大图找不到啦?)

这是根据VUE官网步骤通过npm init vue@latest创建的。

标签:npm,VUE,init,vue,VUE3,官网
From: https://www.cnblogs.com/ukzq/p/17436234.html

相关文章

  • 基于Electron24+Vite4+Vue3搭建桌面端应用
    一说到创建桌面应用,就不得不提及Electron和Tauri框架。这次给大家主要分享的是基于electron最新版本整合vite4.x构建vue3桌面端应用程序。之前也有使用vite2+vue3+electronc创建桌面端项目,不过 vue-cli-plugin-electron-builder 脚手架插件构建的项目electron版本只有13.x。如......
  • vue3:setup语法糖
    1.setup语法糖简介直接在script标签中添加setup属性就可以直接使用setup语法糖了。使用setup语法糖后,不用写setup函数;组件只需要引入不需要注册;属性和方法也不需要再返回,可以直接在template模板中使用。<template> <my-component@click="func":numb="numb"></my-component>......
  • 总结Vue3 的一些知识点:Vue3 项目打包
    Vue3项目打包打包Vue项目使用以下命令:cnpmrunbuild执行以上命令,输出结果如下:执行完成后,会在Vue项目下会生成一个dist目录,该目录一般包含index.html文件及static目录,static目录包含了静态文件js、css以及图片目录images(如果有图片的话)。如果直接双击打开......
  • 总结Vue3 的一些知识点:Vue3 计算属性
    Vue3计算属性计算属性关键词:computed。计算属性在处理一些复杂逻辑时是很有用的。可以看下以下反转字符串的例子:实例1<divid="app">{{message.split('').reverse().join('')}}</div>实例1中模板变的很复杂起来,也不容易看懂理解。接下来我们看看使用了计算属......
  • vue3 后台返回数据没有返回字段是true和false 值的时候,循环数组,点击单个元素单个元素
    最原始的写法<template><div><divv-for="(item,index)initems":key="item.id":class="{active:item.active}"@click="handleClick(item)">{{item.text}}div>div>但是不是所有的后端都会返回字段的值是true和false ......
  • vue3 router 路由传参
    路由跳转importrouterfrom"@/router";router.push({path:"/iframe",query:{url:frameurl.value}});获取参数importrouterfrom"@/router";import{useRoute}from"vue-router";constroute=useRoute();const......
  • vue3 组件传参
    父组件  子组件<iframe:src="props.src"width="100%"height="100%"frameborder="0"id="_iframe"></iframe>接收参数constprops=defineProps({src:{type:......
  • elementplus vue3 ts 单图预览封装
    <divclass="demo-image__preview"><el-imagestyle="width:50px":src="props.image":zoom-rate="1.2":preview-src-list="[props.image]":initial-index="4&quo......
  • vue3 打包超出限制 Some chunks are larger than 500 kBs after minification
    vite.config.ts,build:{//如果自己分片的话,就会生成37个文件//chunkSizeWarningLimit:1000,//rollupOptions:{//output:{//manualChunks(id){//if(id.includes('node_modules')){//re......
  • vue3 reactive响应式赋值页面不渲染问题
    问题描述://声明变量letdata=reactive([]);http().then(res=>{data=res.dataconsole.log(data)})//data数据更新,页面没有渲染,1、因数据结构而导致的未渲染解决方法:依旧是reactive,可以在外面包一层//声明letstate=reactive({data:[]})//赋值state......