vue
关注
分享
扫一扫
tortoise666
这个作者很懒，什么都没留下…
展开
-
简单手动实现Vue
核心点：1.实现响应式、2，模版编译cvue.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <p style='color: red'>{{count}}</p> <span c-原创 2021-01-29 18:02:54 · 450 阅读 · 0 评论 -
VUE-CLI3配置
一、安装脚手架3.0以下： npm install -g vue-cli @版本号脚手架3.0以上： npm install -g @vue/cli @版本号1.node.js安装nodejs官网：https://nodejs.org/en/，最好安装在默认文件里面2.安装vue脚手架npm install -g @vue/cli卸载脚手架：npm uninstall vue-cli -g查看版本号：vue -V3.创建项目vue create 项目名选择项目需要的一些特性()上下原创 2020-10-10 13:24:13 · 1131 阅读 · 1 评论 -
Vue基本使用(三)
一、transition过度/动画transition可以在vue更新，插入，隐藏，删除dom的时候提供一个过渡的效果<transition name="fade"> <div v-if="show">hello</div></transition>上面代码中trancition 标签中的name属性决定了css选择器的名字，如上面name=“fade”,那么样式选择器使用.fade-enter{ }，如果是"fade1"则为.fade1-e原创 2020-09-23 10:16:18 · 322 阅读 · 0 评论 -
vue基本使用(二)
允许一个自定义组件在使用 v-model 时定制 prop 和 event。默认情况下，一个组件上的 v-model 会把 value 用作 prop 且把 input 用作 event，但是一些输入类型比如单选框和复选框按钮可能想使用 value prop 来达到不同的目的。使用 model 选项可以回避这些情况产生的冲突。原创 2020-09-17 11:45:53 · 395 阅读 · 2 评论 -
vue简介以及基本使用（一）
Vue.js是一个构建数据驱动的web界面界面的渐进式mvvm框架，2014年2月正式发布；2016年4月发布2.0版本；创造者-尤雨溪vue官网：https://cn.vuejs.org/一、设计模式MVC、MVP、MVVMMVC(model-view-controller)：view:用户看到的界面，model:数据，controller:业务逻辑MVC特点：1.用户可以向view发送指令，再由view直接要求model改变状态；2.用户向controller发送指令，再由controlle原创 2020-09-14 15:40:14 · 336 阅读 · 0 评论 -
vue转移动端调取摄像头方法汇总
一. input## 二. HTML5原创 2020-06-24 14:34:59 · 5354 阅读 · 5 评论 -
使用Hbuilder把vue项目打包成app
一．前期准备1.注册并激活账号：https://dev.dcloud.net.cn/2.下载Hbuilder：https://www.dcloud.io/hbuilderx.html下载有两个版本，新版本无法转app，所以最好下载两个，老版本转app，新版本配置发行，老版本配置不方便而且无法使用公共证书二．代码打包1.打开命令窗口进入项目npm run build2.把打包的文件拖到Hbuilder（老版本）里面右键转换成app，W变成A3.manifest.json文件配置，由于老版本H原创 2020-06-18 17:03:27 · 666 阅读 · 0 评论 -
vue生命周期浅解析
每个vue实例从创建到销毁都有一个生命周期，理解生命周中每个钩子的意义可以帮助我们快速理解使用vue（下图源自vue官网）vue实例化以后完成实例创建第一次渲染页面会依次执行beforeCreate、created、beforeMount、mounted,每当页面数据发生变化才会触发beforeUpdate、beforeUpdated，在关闭实例会依次执行beforeDestroy、destr...原创 2020-02-10 15:43:37 · 361 阅读 · 0 评论 -
关于Vue的各种通信方式
vue通信应该是一个老生常谈的问题，面试也经常会有相关的问题，我之前作答往往是prop父传子，emit子传父，vuex复杂组件之间通信，bus全局通信如果不采用vue的通信方式我们还可以使用web存储（不推荐），自我感觉已经算很完美的回答了呀，现在想想可真的太无知了，今天详细介绍一下vue各种通信方式1.prop、emit、bus、vuex上面几种通信都是最基础的建议异步vue官网查阅2.p...原创 2019-06-12 10:39:28 · 1730 阅读 · 1 评论