Vue
Kayson13
这个作者很懒,什么都没留下…
展开
-
再学 vue 生命周期
Vue生命周期创建阶段(到mounted)总结更新阶段(到updated)vue生命周期的那张图,就不帖了。搜一下就有。之前学习生命周期,还是没有很深入,这次再做一些深入的学习测试。创建阶段(到mounted)<template> <div class="all"> <div>{{name}}</div> <div id="when">hahaha</div> </div></templ原创 2020-05-26 14:08:58 · 216 阅读 · 0 评论 -
vue axios二次封装思考和思路【自用】
axios二次封装安装思路说明:也看了很多的封装了。但是脑子中也都是很乱的。由于对于项目很多都是未知。后台有可能传来什么样的数据也是未知,想要尽可能的学习,然后能更好的封装。稍微写一下,留作自用。安装npm install axios --save补充:-S是–save的简写-D是–save-dev的简写我之前只知道,-S是运行时依赖,-D是开发时依赖。还是去多了解了一下。区别:-S 依赖包的名称会出现在 dependencies 下-D 依赖包的名称会出现在 devDependen原创 2020-05-22 15:36:54 · 952 阅读 · 0 评论 -
mockjs模拟假数据
有的时候前端写好了页面,但是此时后台接口还没有提供过来,我们经常会使用假数据来测试一下。刚开始我会在一个文件夹下如:utils新建一个fakeData.js的文件,专门来用来存放假数据。后来才发现,原来有个mock.js的东西,专门用来帮助我们完成这件事。官网mock.js的官网: mockjs.还是要先看看官网的。这篇只是提取官网中我需要的来当做自用文档。安装npm install mockjs -D由于生产环境上都是真实数据了,所以我选择了-D的模式。这里选择了node安装方式,其他方原创 2020-05-22 13:56:04 · 560 阅读 · 0 评论 -
vue + vant根据后台传递数据动态渲染组件
根据后台数据动态渲染页面封装组件,方便使用field和actionsheet封装selectPicker等组件利用Render函数来渲染利用动态组件的属性is来渲染需求:根据后台返回的数据,来生成一个form表单。几乎所有元素都是后台决定。后台会告诉前端这个页面里有几个input,label,select,selectDateTime等,以及他们的顺序。封装组件,方便使用field和acti...原创 2020-04-28 10:32:00 · 5895 阅读 · 0 评论 -
vue 引入图片
<img :src="test" alt"">data() { return { test: '../../assets/test.png' }}上面方式引入图片不会显示。方法一:改为用require:data() { return { test: require('../../assets/test.png') }}方法二:import...原创 2020-04-09 15:38:51 · 155 阅读 · 0 评论 -
Vue自定义组件无法绑定click
猜测原因可能:click事件作用于原生标签,自定义组件标签并没有click事件。解决方案:使用.native修饰符,将原生事件绑定到组件<base-input v-on:focus.native="onFocus"></base-input>具体参照官方文档:将原生事件绑定到组件利用$emit来实现事件传递子组件:<div class...原创 2020-03-29 15:15:43 · 557 阅读 · 0 评论 -
Vue的checkbox相关
Vue的checkbox遇到的相关问题普通checkbox官网上的例子稍微改进一下,利用v-for全选的checkbox普通checkbox官网上的例子<div id='example-3'> <input type="checkbox" id="jack" value="Jack" v-model="checkedNames"> <label for=...原创 2020-03-28 19:02:59 · 484 阅读 · 0 评论 -
vue class
vue class例子和总结普通字符串<div class="active"></div>数组<div :class="['active', 'normal']"></div>或者<div :class="[activeClass, normalClass]"></div>data { activ...原创 2020-03-26 15:08:55 · 117 阅读 · 0 评论 -
MVC、MVP、MVVM模式
这里写自定义目录标题MVC、MVP、MVVM模式MVC模式MVP模式MVVM模式MVC、MVP、MVVM模式从MVC、MVP到MVVM模式的演变过程MVC模式通信方式如下:视图(View):用户界面。传送指令到Controller控制器(Controller):业务逻辑,完成业务逻辑后,要求Model改变状 态模型(Model):数据保存,将新的数据发送到View,用户得到反馈...原创 2020-03-22 21:04:20 · 179 阅读 · 0 评论 -
vue-cli3创建项目的时候报错:ERROR command failed: npm install --loglevel error
vue-cli3创建项目的时候报错网上查找了一下解决方案:npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver依然不好用,又找了一下:C:\Users\Administrator这个路径下,有一个**.vuerc**文件,红框中原本是 false,改成true就...原创 2020-02-10 11:19:37 · 1091 阅读 · 0 评论