ICode9

精准搜索请尝试: 精确搜索
  • vue-- 同一台电脑 实现vue2和vue3 项目并存2022-06-20 16:01:59

    第一步:   新建2个文件夹,分别在下面安装vue2vue3;  这里注意的是,不要 -g 全局安装; vue2 安装:npm install vue-cli@2.9.6 vue3 安装:npm install @vue/cli   第二步:    在各自的文件下会生成node_modules依赖包文件夹;然后在node_modules/.bin/  文件夹下,点击右键      

  • Vue2 Axios简单封装2022-06-16 20:35:04

    /**axios封装 * 请求拦截、相应拦截、错误统一处理 */ import axios from 'axios';import QS from 'qs'; import { Toast } from 'vant'; import store from '../store/index' // 环境的切换 if (process.env.NODE_ENV == 'development') {

  • vue2 到 vue3 setup的语法糖2022-06-14 17:34:22

            使用惯vue2中的data()函数的方式及定义变量,突然转向vue3写起来就很不适应。对于vue2来说,vue3确实做了很多改变,不论是从定义变量到生命周期函数都有不小变化,但在性能上来说确实是提高了很多。比如说定义响应式的变量,初始化函数都集中在setup中,使代码在更加具备可读性。

  • Vue2 关于Vux学习记录篇2022-06-12 21:35:45

    Vuex是干什么的,相信很多人和我一样刚开始不大清楚 大家都知道Vue实现组件通信(传参)有很多方式所谓通信就是指数据共享,父子通信,兄弟通信但是如果要频繁实现数据共享,那么以上的方法就有点力不从心了,非常麻烦且不说,且大大影响开发效率! 一、Vuex是什么 Vuex就是实现组件全局(数据,状

  • 如何新建一个vue2项目https://blog.csdn.net/weixin_55992854/article/details/1211573192022-06-09 21:02:30

    如何新建一个vue2项目(超详细哦)https://blog.csdn.net/weixin_55992854/article/details/121157319 不甜呐 于 2021-11-05 11:10:58 发布 6296 收藏 16分类专栏: Vue 文章标签: vue版权 Vue专栏收录该内容10 篇文章1 订阅订阅专栏第一步npm安装详细教程:点击查看 第二步使用淘宝NPM镜

  • vue2组件封装示例2022-06-08 12:01:33

    组件封装注意事项: 1、props:属性。是子组件和父容器之间参数传递的桥梁 2、this.$emit:事件。子组件通知父容器事件发生,并传递参数 3、子组件中经常要用watch监控数据变化   下面示例:一个播放器组件 <template> <div style="display: flex;align-items:center;">

  • Vite 创建一个Vue2项目2022-06-05 22:02:50

    脚手架初始化项目,安装依赖 npm init @vitejs/app // 选vanilla { "devDependencies": { "vite": "^2.9.9", "vite-plugin-vue2": "1.6.2" }, "dependencies": { "vue": "2.6.14"

  • vue2 jsx简单例子2022-06-04 11:01:31

    vue2 jsx简单例子   <script> export default { name: "swipermoban", data() { return {}; }, render(h) { console.log(h); return (<div>1111111</div>); }, }; </script> <!-- Add "scoped" a

  • vue2混入写法2022-05-25 09:01:55

    为什么用 mixins 从官方的介绍我们可以知道 mixins的作用是抽取组件中相同的属性和方法到独立的文件,以便公用。 mixins对象会被混入该组件本身,所有会有命名冲突。 举个例子:做一个公共返回顶部 因为每个页面都要写滚动的生命周期,然后再把滚动的值传到组件里 所以做了一个公共组件

  • Vue2+3 TdoList案例2022-05-22 23:32:06

            总结TodoList案例 1.组件化编码流程:   (1)拆分静态组件:组件要按照功能点拆分,命名不要与html元素冲突   (2)实现动态组件:考虑数据的存放位置,数据是一个组件在用,还是一些组件在用:     1)一个组件在用:放在组件自身即可.     2)一些组件在用:放在他们

  • Vue2+32022-05-20 23:00:38

    第一章 Vue核心     1.初识Vue   2.Vue模板语法   3.数据绑定   4.el与data的两种写法   5.MVVM模型   6.数据代理   7.事件处理   8.计算属性   9.监视属性

  • vue2和vue3响应式的原理(数据拦截)2022-05-17 15:02:22

    vue2和vue3响应式的原理(数据拦截) vue2.x的响应式 实现原理: 对象类型:通过Object.defineProperty()对属性的读取、修改进行拦截(数据劫持)。 数组类型:通过重写更新数组的一系列方法来实现拦截。(对数组的变更方法进行了包裹)。 Object.defineProperty(data, 'count', { get

  • vue2总结2022-05-11 13:31:38

    查询某某的版本 : cnpm view less-loader versions vue的执行顺序 : 先index.html 再main.js 最后App.vue 1.vue的介绍 2.插值语法 3.指令语法   功能:用于解析标签   备注:Vue中有很多的指令,且形式都是:v-????     1).v-bind 和 v-model 语法     2).v-on:xxx 事件绑定

  • 【Vue2】Router 路由2022-05-08 16:03:12

      1.什么是单页面应用程序 单页面应用程序(英文名: Single Page Application)简称SPA, 顾名思义,指的是一个Web网站中只有唯一-的一-个HTML页面, 所有的功能与交互都在这唯--的一个页面内完成。   结论:在SPA项目中,不同功能之间的切换,要依赖于前端路由来完成!   4.什么是前端路由

  • vue2-发送请求2022-05-07 14:05:04

    采用axios(艾克赛斯)发送AJAX请求  axios是一个基于Promise的HTTP客户端,可以用在浏览器和node.js中,向服务器发送AJAX请求进行数据交换   AJAX不是JavaScript的规范,它只是一个哥们“发明”的缩写:Asynchronous JavaScript and XML,意思就是用JavaScript执行异步网络请求。

  • 【Vue2】Computed 计算属性2022-05-07 10:00:16

      计算属性在编写的时候是一个方法 但是在调用的时候作为属性使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport

  • 前端面试 -Vue2系列2022-05-06 21:01:18

    vue 1为啥用Vue? 1MVVM 数据的双向绑定 2指令系统 不需要操作DOM 3组件化 2v-show和v-if、v-for v-show 通过 display:none 隐藏元素,DOM还在。不可以触发组件的生命周期, 性能消耗 小 v-if 将 DOM元素整个添加或删除 ,可以触发组件的生命周期, 性能消耗 大 v-for和v-if不建议一起使用?

  • vue2 - ref属性与props2022-05-03 17:32:50

    <div id="root"> <h1 ref="info">Hello,World</h1> </div> <script> new Vue({ el: "#root", methods: { getElement(){ //通过$refs拿到标签 console.log(this.$refs.info)

  • 从0开始学习VUE3--01-Vue2与Vue3的不同点2022-05-03 03:31:06

    升级带来的性能提升总结 1.模板编译优化:节点达到一定个数,会自动优化 每次重新渲染,会调用createVnode创建虚拟节点,VUE3会做静态提升,静态节点进行提取,进行优化 2.事件 缓存事件,防止重新创建事件 3.响应式原理 defineProperty 改为 proxy 4.Vue3 diff算法,可以根据patch

  • vue2 - 生命周期2022-05-02 00:33:48

    <script> new Vue({ beforeCreate() { console.log('beforeCreate') }, created() { console.log('created') }, beforeMount() { console.log('beforeMount') }, mounted() { co

  • vue2 - 内置指令2022-04-30 16:02:14

    已经学过的指令: v-bind : 单向绑定解析表达式, 可简写为 :xxx v-model : 双向数据绑定 v-for : 遍历数组/对象/字符串 v-on : 绑定事件监听, 可简写为@ v-if : 条件渲染(动态控制节点是否存存在) v-else : 条件渲染(动态控制节点是否存存在)

  • vue2 - vue.set添加属性与修改data中的数组2022-04-29 22:31:29

    vue.set添加属性: Vue.set(target,propertyName/index,value) 或 vm.$set(target,propertyName/index,value) <div id="root"> <button v-on:click="addAttr">点击添加属性</button> </div> <script> const vm = new Vue({

  • Vue2 中不建议在 computed 中返回函数的原因2022-04-29 15:34:37

    我在项目中见到,有些人在定义 computed 的时候返回的不是一个具体的值,而是函数。随后,我也做过相同的事情。 但阅读了Vue2的源码后,我建议大家不要这么做。原因有21- computed 应该适用于对复杂计算结果的缓存。但返回函数就失去了这个优势。2- computed 应该自动根据依赖数据项的更

  • vue2 - 条件渲染 元素的显示与隐藏2022-04-29 00:32:12

    v-if: (1).v-if="表达式" (2).v-else-if="表达式" (3).v-else="表达式" 适用于:切换频率较低的场景。 特点:不展示的DOM元素直接被移除。 注意:v-if可以和:v-else-if、v-else一起使用,但要求结构不能被“打断”。 <div id="root"> <!--

  • vue2 - 计算属性2022-04-28 15:01:29

    <div id="root"> 性:<input type="text" v-model:value="firstName"><br> 名:<input type="text" v-model:value="lastName"><br> 全名:<span>{{fullName}}</span>

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有