区别: vue是双向绑定的,采用template; react是单向的,采用jsx。 Vue的优缺点: 简单、快速、强大、对模块友好,但不支持IE8。 React的优缺点: 速度快、跨浏览器兼容、模块化; 但学习曲线陡峭,需要深入的知识来构建应用程序。 react和vue的区别 监听数据变化的实现原理不同 Vue通
以vue2为例 一、 创建并初始化项目 1、vscode打开一个空文件夹,打开终端 2、终端运行:vue create 【项目名】 ##注意项目名不要用驼峰标识,可以用“-”连接 3、按上下键选择 :Marually select features 4、按上下键移动光标,按空格键选择: 5、选择2.x 6、选择路由模式 7、选择样式
node: 16版本 npm:8版本 一、创建 1. 以下代码:注意my-vue-app为即将创建项目的名字,可以自行更改 # npm 6.x npm create vite@latest my-vue-app --template vue # npm 7+, extra double-dash is needed: npm create vite@latest my-vue-app -- --template vue # yarn yarn cr
今天想把vue-cli卸载,我的版本是4.5.17 执行命令:npm uninstall -g @vue/cli出现下图的情况: 虽然报错了,但是vue-cli又确实成功卸载掉了 然后经过我的测试发现,我之前是使用cnpm install -g @vue/cli的, 再用npm uninstall就出现了这个错误 如果安装的时候使用npm install -g @vue/cli
在我们的项目中我们使用 axios 进行异步调用。 因为异步调用的问题,如果我不采取手段,子页面没有办法获得父页面中的数据,页面将会显示为 没有数据。 问题和解决 这个问题的原因就是子组件在初始化的时候,父组件还没有获得数据。 可以使用的方法是 v-if 进行判断。 对比上面
一、cli升级 sudo cnpm install -g @vue/cli 二、查看版本 vue --version 目前最新为 @vue/cli 5.0.8 vue/cli要4.0以上的版本才有创建vue3的模版 三、升级node 符合npm版本对应关系 官网,自己下载安装 https://nodejs.org/zh-cn/download/ 升级npm sudo cnpm instal
在项目下 npm list vue 或者直接查看package.json文件
组件 组件是可复用的 Vue 实例,主要用于开发中 具有相同特征不同数据的模块 把它集成为一个组件 供重复利用 1.全局组件: 组件的属性不能用大写字母 组件的名字可以用驼峰命名法,但是使用的时候必须用连字符 全局注册的组件使用时不能使用单标签(不会报错,但是只能使用一
背景 比如在vue2的情况下我们有的时候需要为Vue的原型对象上添加属性或方法,vue3的情况下需要为app挂载全局属性配置,但是结合了ts后,在vue文件中会报警告,但是程序可以正常被执行 挂载全局配置 组件中使用 解决办法 找到shims-vue.d.ts文件后,进行如下配置即可 // 注意:这个不能省
双向数据绑定的源代码 <body> <div id="app"> <p>{{data1}}</p> <input name="" id="" :value="data1" @input="fn"> </div> </body> <script> new Vue({ el:&qu
过滤器 filter主要用于数据展示之前的处理 过滤器只能用在v-bind或者插值表达式中 <body> <div id="app"> <h2>{{data1}}</h2> <input v-model="data2"> <p>{{fn(data2)}}</p> <p>{{data2|fn2}}</p> </d
计算属性 把computed中的方法当做属性使用,会返回一个数据供使用 <div id="app"> <p>{{msg}}</p> <p>方法获取的年龄:{{getAge()}}</p> <p>计算属性获取的年龄:{{getAge_computed}}</p> <button @click="change">改变birth的值看看年龄变不变&
项目需要求在移动端H5需要展示一些数据统计的图表,虽然第一时间想到的是echarts,常用还有Highcharts,D3等,antv家族的图表UI好看一些,再加上F2是移动端可视化方案于是就选择F2,打开官网果然眼前一亮F2提供的正能满足需求,F2官网地址:https://antv.alipay.com/zh-cn/f2/3.x/demo/index.htm
当前,前后端分离已经成为发展趋势和方向,是互联网项目开发的业界标准使用方式。那么,大家知道什么是前后端分离吗?其实,就是通过nginx+tomcat的方式(也可以中间加一个nodejs)有效的进行解耦。今天主要跟大家分享的技术内容是前后端分离前端框架,相信通读此文以后,会对不少人对这个概念有更
<script setup > import { ref, reactive, toRefs } from 'vue' import { BrowserMultiFormatReader } from '@zxing/library'; import { Dialog, Notify } from 'vant'; import { useRouter, useRoute } from "vue-router" c
vue中使用Moment日期格式化 moment.js是一个JavaScript 日期处理类库。 由于用ant design日期组件取得的值是moment类型,而往数据库中保存需要的是字符串类型.这里就用到了moment日期转换 Moment.js官网:http://momentjs.cn/ 安装插件 npm install moment format就是格式化函数,参
<route-link to=””>标签代替a 标签, 属性to=”/search” 表示跳转至 /search 注意:route-link组件不适宜用于二三级分类等需要创建大量组件的情况,影响性能 2.this.$router.push("/search") 在a标签中设置点击事件,定义点击事件为跳转至/search 3.事件委派+编程式
1.什么是vue 官方给出的概念:Vue(读音/vju/,类似于view)是一套用于构建用户界面的前端框架 1.构建用户界面 用vue往html页面中填充数据,非常的方便 2.框架 框架是一种现成的解决方案,程序员只能遵守框架的规范,去编写自己的业务功能 要学习Vue,就是在
VUE 渐进式 JavaScript 框架 易学易用 基于标准 HTML、CSS 和 JavaScript 构建,提供容易上手的 API 和一流的文档。 性能出色 经过编译器优化、完全响应式的渲染系统,几乎不需要手动优化。 灵活多变 丰富的、可渐进式集成的生态系统,可以根据应用规模在库和框架间切换自如。 VUE构建
说到Vue的钩子函数,可能很多人只停留在一些很简单常用的钩子(created,mounted),而且对于里面的区别,什么时候该用什么钩子,并没有仔细的去研究过 生命周期钩子: 这一比较简单 但是如果细究就回涉及到很多地方,比如 created,mounted什么时候开源调用某些函数之类的 这里先简略的写 用官
vue参考API: https://cn.vuejs.org/api/#unref vue常用命令: npm run serve 启动项目 vue ui 启用ui配置项目 npm run build 打包项目
Prerequisite 简单学习下 Vue3 emm Reference Vue3 官方文档 Vue3 官方教程 Vue3 + TypeScript Vue3 B站教程
【Vue】组件命名报错 “Component name “XXX“ should always be multi-word”的解决方法 在配置完 ESlint 后,要求代码格式规范的同时,也规定了组件的名称格式,要写成 “XXXName”的格式,不能是单个单词。 所以除了改名,另一种解决方法是在 vue.config.js 文件中加一行 lintOnSave: f
1 基本准备工作 1.1 组件路由及数据准备 编写请求接口 api/index.js export const reqGetDetailInfo = (skuId ={}) => { return requests(({ url:`/item/${skuId}`, method: 'get' })) } 编写组件路由 { path: '/detail/:skuId',