![](https://img-blog.csdnimg.cn/20190918140213434.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue2
vue2
hello_dashen
这个作者很懒,什么都没留下…
展开
-
什么是render: h=> h(App)
什么是render: h=> h(App)=> 是ES6的箭头语法// ES5 (function (h) { return h(App); }); // ES6 h => h(App); render: function (createElement) { return createElement(App);}// 进一步缩写为(ES6 语法):render (createElement) { return createEleme原创 2022-03-13 21:19:48 · 463 阅读 · 0 评论 -
vue项目加webpack相关
webpack配置webpack.config.js:'use strict';const path = require('path')const htmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { entry: { main: './src/main.js' // main是默认入口,也可以是多入口 }, // 出口, 所有产出资源路径 output: {原创 2022-03-11 16:55:42 · 855 阅读 · 0 评论 -
vue基础
vue介绍核心概念: 组件化 双向数据流 (基于ES5中的defineProperty来实现的) IE9才支持export default框架:export default { // 对象 data() { // 函数 return { // 对象 isRed: false, stus: [{name:'jack',score:'A'},{name:'rose',score:'B'}原创 2022-03-11 16:54:54 · 463 阅读 · 0 评论 -
vue 2.x
vue 特点遵循 MVVM 模式编码简洁,体积小,运行效率高,适合移动 / PC端开发本身只关注 UI,可以轻松引入 vue 插件或其他第三方库开发项目与其他前端 JS 框架的关联借鉴 angular 的 模板 和 数据绑定 技术借鉴 react 的 组件化 和 虚拟DOM 技术vue 扩展插件vue-cli: vue 脚手架vue-resource(axios): ajax 请求vue-router: 路由vuex:状态管理vue-lazyload: 图片懒加载vue-原创 2021-04-23 18:02:19 · 44 阅读 · 0 评论 -
vue-父子组件使用
父子组件使用父和子,使用的是父,被用的是子父需要声明子组件,引入子组件对象,声明方式如下import 子组件对象 from './xxx.vue'; { components:{ 组件名:子组件对象 } }<template> <div> //引用,必须加 ...原创 2019-06-04 10:57:55 · 1120 阅读 · 0 评论 -
vu项目 -- 导航钩子
导航钩子beforeRouteEnter (to, from, next) { 在渲染该组件的对应路由被 confirm 前调用 不!能!获取组件实例 `this` 因为当钩子执行前,组件实例还没被创建 }, beforeRouteUpdate (to, from, next) { 在当前路由改变,但是该组件被复用时调用 举例来说,对于一个带有...原创 2019-06-04 11:29:54 · 252 阅读 · 0 评论 -
vue单文件方式
vue单文件方式单文件就是以 *.vue结尾的文件。最终通过webpack也会编译成 *.js在浏览器运行内容: + + 1:template中只能有一个根节点, 2.x以后的规定2:script中 按照 export default {配置} 来写3:style中 可以设置scoped属性,让其只在template中生效以单文件的方式启动webpack找人来理解...原创 2019-06-04 10:54:17 · 660 阅读 · 0 评论 -
vue项目 - - 分块路由懒加载
分块路由懒加载路由懒加载:https://router.vuejs.org/zh/guide/advanced/lazy-loading.html#把组件按组分块path: path.join(__dirname, 'dist_lazy_load'),//引入自己的vue文件 开始 import App from './app.vue';//按需加载//const Foo = ()...原创 2019-06-04 11:28:28 · 293 阅读 · 0 评论 -
vue项目-- 缩略图、预览
缩略图、预览预览:https://github.com/Ls1231/vue-preview安装:npm i vue-preview -S<ul class="mui-table-view mui-grid-view mui-grid-9"> <li v-for="(img,index) in imgs" :key="index" class...原创 2019-06-04 11:20:08 · 4845 阅读 · 0 评论 -
vue项目 -- 图片懒加载
图片懒加载懒加载:https://mint-ui.github.io/docs/#/zh-cn2/lazyload<!-- 懒加载 --><img v-lazy="img.img_url"><style>/*图片懒加载的样式*/image[lazy=loading] { width: 40px; height: 300px; margin...原创 2019-06-04 11:19:32 · 205 阅读 · 0 评论 -
v-html scoped 修改样式与清除样式
<template> <div class="content" v-html="contentView"></div></template><script> export default { name: 'v-htmlScoped', data () { return { contentView: '<h4>v-html</h4>' } }, .原创 2021-07-30 14:46:34 · 794 阅读 · 0 评论 -
iview-select-tree树型选择器组件封装
iview-select-tree树型选择器组件封装实现效果: 二级单选,二级多选(新建与编辑)具体效果:1、数据手风琴样式显示,默认第一组数据展开2、每次只能选择同一组数据,选择不同组数据时原来被选择的数据清除3、编辑时只用传一组数据,因为不能选择不同组数据4、编辑时原先被选中的数据不能被删除,只能新增同组下的其他数据数据格式:// treeData: flag - 新建或编辑; title,value必填,name必须没有; // children里面的name,title必填,val原创 2021-07-16 18:44:30 · 1505 阅读 · 0 评论 -
基于iview的树形选择器
树形选择器 基于iview实现: 多级树形结构,可搜索,可清空传入data结构:data: [ { title: '早餐', children: [ { title: '北方', children: [ { title: '豆浆', children: [ {title: '豆浆+咸豆腐脑'} ]转载 2021-07-20 16:27:39 · 1579 阅读 · 4 评论 -
浏览器警告:Uncaught (in promise) undefined
浏览器警告:Uncaught (in promise) undefinedreturn Promise 的时候加上catchreturn new Promise(function(resolve, reject) { ......}.bind(this)).catch(error => {});原创 2021-07-28 11:56:29 · 6281 阅读 · 0 评论