前端
关注
分享
扫一扫
春风化作秋雨
学而思，思而学
展开
-
vue双向绑定经典案例
1、无需废话，直接上代码复制到新建的记事本文件，保存问demo.html即可。<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script><!DOCTYPE html><html> <head><meta charset="utf-8"><title>欢迎系统</title></head>原创 2021-12-14 21:29:05 · 832 阅读 · 1 评论 -
什么是MVVM
1、什么是MVVMMVVM，是Model-View-ViewModel的简写，是M-V-VM三部分组成。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化，其中ViewModel将视图 UI 和业务逻辑分开，它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。MVVM采用双向数据绑定，view中数据变化将自动反映到viewmodel上，反之，model中数据变化也将会自动展示在页面上。把Model和View关联起来的就是ViewM.原创 2021-12-13 22:26:56 · 85168 阅读 · 1 评论 -
vue2.0与vue3.0创建启动项目区别
1、vue2.01、创建项目vue init webpack iproject2、启动项目npm run dev2、vue3.01、创建项目vue createiproject2、启动项目npm run serve原创 2021-12-11 20:29:39 · 474 阅读 · 0 评论 -
windows下安装node.js
1、下载点击下载 | Node.js打开nodejs官网下载，如下图所示，推荐.msi-64bi的，可以双击安装。2、安装安装nodejs，直接点下一步，直至安装完成。3、配置环境变量4、验证安装打开cmd命令窗口，录入一下命令，如下图所示，即安装成功。node -vnpm -v...原创 2021-12-11 20:17:19 · 4724 阅读 · 0 评论 -
vue3设计目标
一、设计目标不以解决实际业务痛点的更新都是耍流氓，下面我们来列举一下Vue3之前我们或许会面临的问题 随着功能的增长，复杂组件的代码变得越来越难以维护 缺少一种比较「干净」的在多个组件之间提取和复用逻辑的机制 类型推断不够友好 bundle的时间太久了 而Vue3经过长达两三年时间的筹备，做了哪些事情？我们从结果反推更小 更快 TypeScript支持 API设计一致性 提高自身可维护性 开放更多底层功能一句话概述，就是更小更快更...转载 2021-12-11 19:38:01 · 305 阅读 · 0 评论 -
vue之v-show和v-if详解
一、v-show与v-if的共同点我们都知道在vue中v-show与v-if的作用效果是相同的(不含v-else)，都能控制元素在页面是否显示在用法上也是相同的<Model v-show="isShow" /><Model v-if="isShow" />当表达式为true的时候，都会占据页面的位置 当表达式都为false时，都不会占据页面位置二、v-show与v-if的区别控制手段不同 编译过程不同 编译条件不同控制手段：v-sh...转载 2021-12-11 19:15:47 · 5713 阅读 · 0 评论 -
vue核心特性
1、数据驱动数据驱动MVVM，Model-View-ViewModel1）Model：模型层，负责处理业务逻辑、与服务器端进行交互。2）View：视图层，负责将数据模型转化为UI进行展示，可简单的理解为HTML页面。3）ViewModel：视图模型层，负责连接Model和View，它是Model和View之间的通信桥梁。2、组件化1、何为组件化组件化，是把图形、非图形的各种逻辑均抽象为一个统一的概念“组件”来实现开发的模式；在Vue中每一个.vue文件，即可视为一个组件。.原创 2021-12-11 19:09:51 · 1324 阅读 · 0 评论 -
解决No “exports“ main defined in xxx*\node_modules\@babel\helper-compilation-targets\package.json
1、问题描述No "exports" main defined in xxx*\node_modules\@babel\helper-compilation-targets\package.json2、解决方案package.json文件中，第48行“exports”：false,直接替换为如下："exports":{".":"./lib/index.js"},3、重新打开项目进行启动到此，问题解决。...原创 2021-12-11 18:06:59 · 3214 阅读 · 2 评论 -
cnpm安装vue-cli3
1、全局安装cnpm install -g @vue/cli2、检查是否安装成功与版本vue -V3、创建项目vue create iproject4、启动项目cd iprojectnpm run serve打开浏览器录入url：http://127.0.0.1:8081/显示如下，恭喜您，项目创建并启动成功。...原创 2021-12-11 17:51:50 · 1214 阅读 · 0 评论 -
解决windows下安装cnpm后，cnmp不是内部命令的问题
1、安装cnpmnpm install -g cnpm -registry=https://registry.npm.taobao.org2、验证cnpm用下面命令检查cnpm安装，发现不可用，提示cnpm不是内部命令。cnpm -v3、解决方案将cnpm所在目录，如下图所示，配置在系统环境变量path下。4、再次验证重新打开新的cmd命令窗口进行验证。cnpm -v搞定！！！...原创 2021-12-11 16:57:04 · 1643 阅读 · 0 评论 -
安装cnpm与vue2.0
1、更新npm到最新版本npm install -g npm2、使用淘宝镜像安装cnpmnpm install -g cnpm --registry=https://registry.npm.taoba.org3、下载bue脚手架cnpm install -g vue-cli4、初始始化vue项目vue init webpack my-project...原创 2021-12-08 23:33:59 · 515 阅读 · 0 评论 -
VUE创建项目
Vue-cli脚手架，提供了一系列的工具和库，方便快速进行开发，具体功能包括单文件 Vue 组件，热加载，保存时检查代码，单元测试等。因vue-cli依赖webpack,所以首先安装webpack这个工具:$ npm install -g webpack$ npm install -g vue-cli创建项目并初始化$ mkdir project-name$ cd project-name$ vue init webpack project-name$ cd pro.原创 2021-12-08 23:18:34 · 435 阅读 · 0 评论 -
初识VUE
1、什么是VUEVue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。2、Vue特点和Web开发常见高级功能解耦视图和数据 可复用的组件 前原创 2021-12-08 23:02:25 · 464 阅读 · 0 评论