Vue
simpleQQP
这个作者很懒,什么都没留下…
展开
-
对 MVVM 原理的理解
MVVM (Model - View - ViewModel)是 MVM 的进阶版传统的 MVM 指的是,用户操作会请求服务端路由,路由会调用对应的控制器来处理,控制器会获取数据,将结果返回给前端,页面重新渲染。MVVM:传统的前端会将数据手动渲染到页面上,MVVM 模式不需要用户收到操作dom元素,将数据绑定到viewModel层上,会自动将数据渲染到页面上,视图变化会通知viewModel层更新数据,viewModel 就是我们 MVVM 模式的桥梁。...原创 2021-05-20 15:57:50 · 350 阅读 · 0 评论 -
Vue 99%出现的面试题
Vue如何去除url 的 #vue-router 中默认使用的是hash 模式,所以在路由加载的时候,项目中url 会自带 #。如果不想使用 #,可以使用vue-router 的另一种模式 historynew Router({ mode: 'history', routes: [ ]})Vue生命周期的理解vue实例有一个完整的生命周期,生命周期也就是指一个实例从开始创建都销毁的这个过程beforeCreate() 在实例创建之前执行,数据未加载状态creacted() ..原创 2020-08-14 10:56:21 · 156 阅读 · 0 评论 -
安装vue cli3.0及以上版本
1、关于旧版本Vue CLI 的包名称由 vue-cli 改成了 @vue/cli2、新版本下载可以用以下命令安装这个新的包:npm install -g @vue/cli你还可以用这个命令来检查其版本是否正确:vue --version3、创建项目运行以下命令来创建项目:vue create hello-world此时就是创建成功了项目的目录结构比前面版本少了很多...原创 2020-03-18 17:51:56 · 919 阅读 · 0 评论 -
安装vue-cli2.0 使用vue-cli2.0搭建项目
1、安装NodeJsNodeJs安装好之后会连带着安装一个npm,nodeJs的安装流程很简单,按着步骤一步一步下来即可。安装完成之后在控制台上输入npm -v 以及 node -v若成功则会输出对应版本,并且已经将npm和node部署到了全局的环境变量。2、安装vue-cli[1]、安装vue-cil,只需要第一次安装时执行 npm install -g vue-cli[2]、 ...原创 2020-03-17 14:26:59 · 266 阅读 · 0 评论 -
vue 项目中 获取本周、本月、本机、本年的第一天
项目中有 时间控件默认设置 起始时间为 本月第一天、截止时间是 当前日期的后一天 的需求,所以记录了一下时间格式化: //日期格式化,返回值形式为yy-mm-dd timeFormat: function (date) { if (!date || typeof(date) === "string") { this.error("参数异...原创 2019-12-04 09:38:25 · 4553 阅读 · 0 评论 -
Vue双击事件
Vue双击事件 dblclick<div id="payState" @click="shishiClick"></div>应该是<div id="payState" @dblclick="shishiClick"></div>原创 2019-05-13 10:05:16 · 43246 阅读 · 1 评论 -
echarts图表依附于父容器自适应
var myChartxMain = echarts.init(document.getElementById('main'));注释:main 是显示echarts图表的div$('#mainDiv').resize(function(){ myChartxMain.resize();});注释:mainDiv是显示echarts图表的div的父容器...原创 2019-05-13 11:07:02 · 2323 阅读 · 0 评论